Need help? Check out our Support site, then


Windows phone and iPad sub-menu issues

  1. New to WordPress (and new to having a smart phone), using a custom menu on twenty-eleven theme, I am experiencing two sub-menu issues resulting on mobile devices. I surely will appreciate your help in finding solutions to these.

    On an iPad, the top-most of the header sub-menu list for each "tab" is hidden from view (perhaps because the menu goes to 3 lines on that device). That link is viewable from the sidebar widget custom menu, which is at the bottom of the page. 'Not cool since that top-most sub-menu item is usually the most important one. Further, most people seeing a header menu will assume that they see all the header menu and won't look elsewhere.

    Similar but different, this time on a Windows phone (Verizon, Nokia 822): some of the header sub-menu items - most often for somewhat complicated pages but not always - landed on a "Page Not Found" (or some such end result)... until after I linked to those sub-menu pages from the sidebar widget custom menu [again, at the bottom of the page in the mobile version]. After having made that connection, then, my phone could access the pages via the header sub-menu.

    'Problem is, my clients on these iPads and Windows phones won't know to look at the bottom of their pages, assuming that the header menu is complete. Another problem is that site creators who even do bother to check results on a Windows phone may not realize that the problem persists for every new Windows phone visitor to their site, because after "touching" those sites once, the problem goes away on their own phones.

    Now I wonder what other mobile devices I need to check. Are there particular ones that give you more viewing "trouble" than others?

    [Other than that...] your products make us look GREAT in no time at all!

    The blog I need help with is 1787themusical.com.

  2. Hi there,

    I'd be happy to look into both of these issues for you. :) I have a few follow-up questions that will help me narrow down what might be happening in each case.

    On an iPad, the top-most of the header sub-menu list for each "tab" is hidden from view (perhaps because the menu goes to 3 lines on that device).

    Are you seeing this problem when you look at the mobile theme version of your site on your iPad, or when you look at the full site (with the same theme as you see on your desktop computer)?

    Would you be willing to take a screenshot of what you see on your iPad? You can upload the screenshot to your blog's media library (under Media > Add New in your dashboard) and I can look at it there. Here is additional information about taking screenshots on an iPad: http://www.wikihow.com/Take-a-Screenshot-With-an-iPad

    Similar but different, this time on a Windows phone (Verizon, Nokia 822): some of the header sub-menu items - most often for somewhat complicated pages but not always - landed on a "Page Not Found" (or some such end result)... until after I linked to those sub-menu pages from the sidebar widget custom menu [again, at the bottom of the page in the mobile version].

    Can you give me a link to one of the pages that this happened with? (If this is currently happening with any pages on your site, you can also send a link to those. In that case, please don't fix the problem until I take a look — that can give me additional information.)

    You mentioned that the sub-menu items were in the header menu but not in your sidebar widget custom menu. Can you describe the steps you took to add the page to your sidebar widget custom menu?

    Now I wonder what other mobile devices I need to check. Are there particular ones that give you more viewing "trouble" than others?

    Your site's visitors shouldn't be having trouble on any mobile device, but if you come across problems with other devices please let me know. I am testing the issues you mentioned on my end, and any additional information or screenshots you can provide will help me track down what's going on here. Thanks!

  3. Thanks for your assistance, rachelmcr! I hope this is not too much information, nor not pertinent to the problems.

    "...Are you seeing this problem when you look at the mobile theme version of your site on your iPad, or when you look at the full site..."

    My sister (we are many states apart geographically) is the one with the ipad, and she is the jannpollard.com who initially had posted her support forum question in this regard, working on her own site, while helping me with my site. She was on the mobile version for her ipad. In the interim, I added this to my issues, because I think they might be related.

    "...Would you be willing to take a screenshot of what you see on your iPad?..."

    She probably could have taken a screenshot for me to offer to you, but she already fixed her viewing issue on her ipad based upon subsequent response to her question.

    The solution for her was to clear her ipad cache, which worked on her end. I doubt that ipad users know to do that occasionally, so I think I should include a prominently displayed notice for mobile users somewhere static on my site. I know that the technology changes daily for these mobile devices, and the general public will learn eventually, but there always is a period of time for the learning curve.

    "... You mentioned that the sub-menu items were in the header menu but not in your sidebar widget custom menu. Can you describe the steps you took to add the page to your sidebar widget custom menu?..."

    No, that's reversed, and partial. What I said is that "....On an iPad, the top-most of the header sub-menu list for each "tab" is hidden from view .... That link is viewable from the sidebar widget custom menu, ..." (I know how fast you must be reading these: not to worry.)

    All the sub-menu items appear - and function - just fine in the sidebar menu on computer, ipad, and Windows phone. [To answer your question, by the way, I added the sidebar "custom menu" as a widget, selecting the Menu same as the header menu.]

    The header drop-down "hidden" (top-most) sub-menu items were made viewable after Jann cleared the cache on her ipad. I suspect, however, that the root of the problem may lie on the wordpress template side. (See * below.)

    "...Can you give me a link to one of the pages that this happened with? (If this is currently happening with any pages on your site, you can also send a link to those. In that case, please don't fix the problem until I take a look — that can give me additional information.)..."

    Your question relates to troubleshooting the Windows phone issue regarding sub-menu links from the header menu landing on a "page not found."

    'Sorry: after subsequent experience, that might not have been the exact wording in the result; it could have been that there was no data for that page, which I just now discovered happening for one page accessed from my computer. (Yes, I now realize the importance of this detail... and how useful it might have been for me to take a screenshot of the result on my computer.) :(

    On my computer there is the option to reload the page, which I did not get on my Windows phone mobile version, that I can recall. I'm 99% sure that on my phone I did go back one browser page and then come forward again, getting the same result.

    The problem affected at least the following menu links, if I recall correctly, i.e. not all sub-menu links, and not all of the same parent files. I can find no function common denominator among them, since some are more complex pages, but others are not.

    http://1787themusical.com/songs-more/01song-clips/
    http://1787themusical.com/songs-more/02videos/
    http://1787themusical.com/songs-more/03photos/
    http://1787themusical.com/resources/production-resources/

    Ah-hah! I just realized - and it might help to know - that I tried these, BEGINNING with the top-most of the sub-menu list for each of the parents. I did not have the problem for the sub-menu items for which I started at the BOTTOM of the list for that parent page.

    I'm sorry that I cannot recreate the problem on my phone. After I accessed those sub-menu pages by linking from the sidebar custom menu which appears at the bottom of the mobile version, the links from the header sub-menu all work just fine.

    I tried to recreate the linking problem accessing pages from header sub-menus on my sister's site, but those links all worked just fine on my Windows phone, i.e. no problem. (I do not recall if I tried BEGINNING at the top of the list for the parent pages.) Thinking back, however, I might SINCE have downloaded a wordpress blogging app for my phone, which likely would "fix" things, relating to wordpress, in my browser. Only those Windows phone users who are site owners might download that app.

    *The common denominators I can identify for these two issues are...
    -1 both relate to mobile versions and not full versions;
    -2 my sister and I both are using twenty-eleven theme;
    -3 both issues relate to items of the header sub-menu, though one (ipad) seems to be a formatting problem based on the cache of the device, while the other (Windows phone) is a problem of linking to a page that fails to make a proper appearance... until after that page becomes cached in the phone;
    -4 both issues MIGHT relate to the top-most item of the header sub-menu list for each parent menu "tab"; and
    -5 (ah-hah! I just put this together) both issues relate to the cache.

    Again, I hope this is useful to your efforts and not over-kill. Thank you for your help! -- Lucinda

  4. Hi Lucinda,

    Thank you for explaining the situation in more detail. From what you describe, your conclusion was right: These are actually caching issues. However, they aren't specific to a certain theme or mobile device.

    When you visit a website (on a computer or mobile device), your browser saves (caches) the page so it loads faster the next time you visit. Most of the time, for most visitors to a website, this doesn't cause any problems. However, if you are the person managing the website, you probably visit it often — especially around the time that you make changes to it. In those cases, you may need to force the browser to refresh the page by clearing the cache, so it doesn't show you an old version of the page after you make changes to it.

    It sounds like clearing the cache resolved all of the issues you and your sister were having, is that right? If there are any lingering issues, please let me know and I'll be happy to investigate further. :)

  5. Rachelmcr, In addition to my earlier Reply today, I learned that I mis-spoke: my sister was using the full version on her ipad, instead of mobile. She reports that, though her cache clearance did work to correct the layout for viewing the top-most of the sub-menu lists, the issue is evident again today. -- Lucinda

  6. Hi Lucinda,

    I found the support thread where your sister is working through the iPad issue with staff:

    http://en.forums.wordpress.com/topic/sub-menu-not-working-on-ipad?replies=5

    We will continue working with her at that link to resolve any problems with the menus on her iPad. Is the issue resolved on your Windows phone? If not, please let me know and we can keep working on that here.

  7. My Windows phone issue is unresolved to my knowledge, because the issue happened the FIRST time I tested the site sub-menu items and was solved by my going to the secondary menu. I cleared the cache to recreate the problem, but all the Header menu links now work. It remains a nagging concern, not knowing if others might be affected.

  8. If I understand correctly, the problem hasn't returned on your Windows phone since you cleared the cache. I wasn't able to reproduce the problem, so I think it was an issue with the old version of your site being cached in your phone's browser. If the problem does appear again with your Windows phone, please let me know and we can continue investigating the issue.

  9. No. The cache on the Windows phone was not a problem... ever. It is a brand new phone.

    Putting the URLs into the cache was a solution.

  10. I should have repeated here... the Windows phone issue occurred the FIRST time I linking from the header sub-menu.

Topic Closed

This topic has been closed to new replies.

About this Topic