Support Forum

Odd Menu Item Display Issue On iPads

RS Ryan Siegel
Ryan Siegel
Member

It looks just fine on every browser I’v tested ( both desktop + mobile )

However, on the ipad (length wise) the forum menu item dissapears…

I’ve tried all of the following to troubleshoot:

*removed all custom css

*Removed all htaccess items

*Removed page cache plugin

*Removed all css/js/problem-with-post-edit-buttontml modifers ( minifiers,etc)

*Disabled Forum ability to minify

*updated forum plugin (simplepress)

The issue doesn’t crop up on software like screenfly, which allows you to preview what the site would like look at different resolutions + devices. Issue appears on both the google + safari browsers – even after clearing cookies.

I’ve tried everything I can think of to try and troubleshoot…but no luck. I’m really at a loss here on what I could try next – Could really use some advice.

~Cheers

21 Answers

New Answer

IK Ike
Ike
Member

Its a tough one as some devices will sometimes use older versions of common browsers, although I’m not sure why that should cause something to simply not display. Either way, you can only test so far with browser/device emulators as they really generalise when it comes to versions!

What forum theme are you running – Unified? Also what version iPad?

When you say ‘menu item’, I get the idea, but exactly what menu item are you referring to?

KV kvr28
kvr28
Member

@rionoskae some themes have an issue displaying the forum link in the menu, here is how I got around it, go to your menu settings and set up a members area link and just use a hashtag as the link, drop the forum and any login, register, etc link as a sub menu under it, that worked with one theme

Another method I have utilized is adding the forums to main menu with an icon, if the text disappears on a mobile device, the icon should still be showing

it’s the only way I have found with some themes where even the integration settings do not fix the menu display issue

RS Ryan Siegel
Ryan Siegel
Member

Thanks for the advice kvr28!

I’ll try making it a submenu item and see how that fares, the issue is exactly as you describe it – The text for the menu item doesn’t display when it’s a active tab.

It’s odd though because it works on nearly every other device / browser and emulator I tested with….It’s just the physical iPad2 that doesn’t seem to be working correctly :(

KV kvr28
kvr28
Member

what browser are you using? if it’s safari, try mercury, safari causes a lot of issues.

RS Ryan Siegel
Ryan Siegel
Member

Also – Just confirmed the issue also occurs on ipad 1 – IOS 5 + ipad air – IOS 7.

I think the submenu work around would work..but I really would rather avoid that if at all possible!

@kvr28: It’s both safari and the google browser for the iPad. It works on all desktop + mobile browsers i could throw at it…but for some reason the iPad is a no go. Really want to make sure my site is functioning properly for all devices ( especially the most popular ones )

YS Yellow Swordfish
Yellow Swordfish
Member

A LOT happened in Safari in more recent IOS versions – mainly to the javascript which may well play a part here.
But kvr28 is correct – Safari basically sucks. Mercury tends to be excellent and more recently I am using Chrome on my iPad and that is doing very well.

RS Ryan Siegel
Ryan Siegel
Member

@Ike: Tried multiple themes, and the issue isn’t replicated on emulators just the physical ipad itself. (all 3 versions now – I had my web designer friend check on his devices as well)

The menu item I’m refering to is the forum menu item – When it becomes the active page the text completely dissapears…very, very odd issue.

RS Ryan Siegel
Ryan Siegel
Member

@yellow-swordfish: I am a chrome fan myself – but my concern isn’t for my personal viewing of the site – but rather the end users. Since the iPad is such a popular platform – I’d like to make it work as intended :)

YS Yellow Swordfish
Yellow Swordfish
Member

I understand 100% but if it works under Mercury and Chrome then I can virtually guarantee you that this is a Safari problem and that we can’t fix it.
I am an Apple OSX/IOS user through and through but Safari is one of the worse things Apple have ever done. It IS fast but it also a problem and not up to current standards. It is becoming the difficult browser in the corner that IE used to be,

RS Ryan Siegel
Ryan Siegel
Member

Fair enough :) – I know it’s a complex problem…If I can’t find a simple solution – perhaps I can find a more elegant one…

Seems like kvr28’s solution may be the way to go… https://simple-press.com/support-forum/website-tips-and-tricks/problem-with-post-edit-buttonow-to-fix-that-pesky-menu-issue-on-mobile-devices/#p147385

RS Ryan Siegel
Ryan Siegel
Member

Just wanted to report back that I was able to resolve the issue after all :)

Disabled mobile menu resizing of my mega menu and it resolved the issue straight away. Which works out great – since I have a mobile menu plugin takeover at lower resolutions anyways :)

Thanks again to @Kvr8 – you saying that your issue was tied to mobile displays got me thinking a bit harder on what the root issue might be :)

RS Ryan Siegel
Ryan Siegel
Member

Just wanted to report back one last time – It would seem that it had nothing to do with my mobile menu settings.

After a whole lot more troubleshooting I found that the text would only dissapear if the menu item page matched the exact page used for the forums…

For Example: mywebsite.com/forum – Meant that if i used “forum” for the menu item name, the text would not appear or load correctly. However if I went to appearance > menu and changed the menu item name to “forums”. It loaded just fine.

I was able to replicate the issue by changing the site.com/forum page to site.com/forums – and then both the “forum” and “forums” menu item text no longer appear…. Something funky is going on here. I’m not sure if it’s the forum, or my theme or what…but it’s very…very odd.

YS Yellow Swordfish
Yellow Swordfish
Member

We would probably need to duplicate your site with the same WP theme, SP theme and maybe even some plugins to be sure but…

There is a very old bug in WordPress. Well we call it a bug and at some point they also called it a bug when we reported it about 4-5 years ago but it still exists. So I call it a bug.

This is to do with the core  wp_list_pages() function (which does what it says on the box) which is also partly used to display menus. If a plugin wants to alter the page title on a page, it can do so with a filter quite easily and SP does want to do this to massage the page title. However, the bug appears because when pages are getting listed (in a sidebar for example) the SAME filter is applied. And yes- the same happens when the routine is used to display a menu. We think this is a bug because the filter hook is designed for the page title and should not be reused for other events. They agreed but did not fix it.

We get around this with a fix that you can turn on in the forum admin > Integration > Page and Permalink panel. Filter the wp_list_pages function. It might be worth trying that set on and off to see if that helps at all. But it might (a) affect your page title (depending upon your page title and SEO settings). And depending on how you mobile menu is created it might only affect the desktop. But worth a try.

When this does not fix the issue – often because of 3rd party factors – we will usually recommend that in the WP menu tool the automatic generation of the menu item for the forum page be removed and a custom link  put in place instead. This should always work.