Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you use a browser inspector tool, can you find whether you have drop-down menu items?
If there are items in the drop-down menu, you should be able to see a similar hierarchy to this:
<ul>
<li>
<a> This is a normal menu link </a>
<ul class="drop-down">
<li>
<a> This is a drop-down menu link. </a>
</li>
</ul>
</li>
</ul>
I have this issue when using Safari mobile or iOS. Works fine on a desktop pc (when you resize the browser obviously) or Android tablet.
I know there was a known issue with the nav with the latest version of Twitter Bootstrap but it’s different to this issue where the menu won’t even expand on an iPhone, you just press the icon and nothing happens.
Anyone else had this issue or more importantly, found a fix for it?
I had the same issue when i installed (and activated) a plugin called Nivo Slider. My problem was solved as soon as i deactivated it. Maybe you have a plugin (might not be the same) that effects the dropdown menu?