-
-
After the most recent update, my responsive menu is not working:
- It is automatically showing all subcategories nested under the categories
- It is cut off at the bottom of the screen, and not scrollable
- Because I have so many subcategories, this means many of my menu options are not visible.
I have customized the responsive menu (please see our previous conversation about it here) and created a truncated “mobile” menu, which has been working for the last two years. However, I can no longer use both (“Logo in center, navigation on left and right “for my regular site, and “mobile” for responsive). When I try to follow the steps that I typically follow to reset the mobile menu to be correct, they do not work:
- Appearance>Header Options>Header Options – change menu style to “simple style” – save
- Appearance>Menu – click over to “manage locations” and for “Tower-child Main Navigation” select “Mobile” as the menu. – save
- Appearance>Header Options>Header Options – change menu style back to “logo in center 2 navigation on sides”
What I need is a menu for responsive that is *different* than my regular site. If that is not possible anymore, then at the very least I need for the subcategories not to automatically show, so that the responsive menu isn’t cut off/truncated.
Thanks!
-
-
-
Hello! I created a staging site and updated to the newest version of Tower (2.8.3) and the issue was resolved – I was able to use the workaround. However, when I then went back to my real website and updated, it didn’t work. I’m now not getting any menu dropdown from the mobile hamburger, regardless of which style I use. When I click on the hamburger, nothing happens.
I am baffled, because the staging site was an exact copy of my current site, so I don’t understand why it would work there, and not on the real site. I’ve tried this on several devices with different browsers, so I don’t believe it’s a device issue.
I will create a second staging site of my current site with the issue, and send those in a private reply – perhaps then you can compare that one to the other staging site, and figure out where the bug is. In the meantime, I once again have to roll back to a backup; I can’t have a website where mobile users have no access to a menu.
-
-
Hello Rebecca,
I have just tried to access your staging website with the bug you mention but seems impossible.
While you trying to set a new account so i can access, check if you have any third party plugin that can conflict with your hamburger menu. You can check the inspector error log, if there is any javascript error: https://developers.google.com/web/tools/chrome-devtools/console/
Sometimes when you use another plugin for the menu can bring this kind of issue.
Let me know if you can’t resolve the issue by yourself. I will find a solution :)
Have a nice day!
-
Ruco –
Unfortunately, I have not been able to figure it out. I do not have any third party plugins for the menu. Codeless did help me customize the mobile menu somewhat two years ago when I first set up the website (I provided the link to that conversation in my original question).
I’m not sure why you weren’t able to access the other staging site, but you do have access to the current one (where it isn’t working) – that information is in my profile.
This is our very busy/high traffic season for our customers, so it is essential that we get this figured out ASAP – our customers currently cannot access our full website menu. Any help you can give me would be very greatly appreciated.
Rebecca
- This reply was modified 5 years, 4 months ago by rebeccaolson.
-
Hello,
I think that the issue is fixed now. I have added this custom code into your child theme style.css file:
@media(max-width:480px){ .menu-small{ overflow:scroll; height:500px; } }
Please check it out.
Regards! -
Ruco – thank you! The menu now shows when you click the hamburger, it’s the correct menu, and it’s no longer “stuck” so customers can see the entire menu.
However – because I’ve got so many subcategories, the menu is really long and doesn’t show in entirety on a mobile phone. Is there any way to change it back so that the subcategories/nested categories don’t show until you click on the main category? I’m not sure if this is a setting that got accidentally changed somewhere, but it didin’t use to show this way in responsive.
Thanks again,
Rebecca
-
Hello Rebecca,
By default the theme doesn’t have this capability. I don’t know if you have used any plugin for that before.
Let me know.
Regards!
-
Ruco – No, I’ve never used a different menu plugin. Before the update a few months ago, the mobile menu worked perfectly – so there is definitely something that changed on the Tower theme end that is causing an issue.
In the regular/PC top navigation menu, the subcategories do not show until you scroll over or click on them. It is only the mobile/hamburger menu that is showing all the subcategories automatically.
-
Hello,
That’s the normal layout of the menu in desktop. In mobile, however, it is needed additional customization to make the sub-menu items toggle under the parent. As you can see in our online demo, this does not happen.
I can’t tell for sure if this wasn’t included as a feature in any of the theme’s updates, but it is not an original feature.
This is customization not included in support, but I will add it to the developer’s to-do list. So we can add it in future updates. (This way you won’t need to redo any change to these files in the future).
Best regards!
-
You must be logged in to reply to this topic.