menu not responsive (vantage theme)
-
I am new at making websites. I am using the SiteOrigine WordPress theme called Vantage. I have ran into a problem, the Menu is not responsive. Meaming when i look at the website on a mobile device it does not go into the “Hamberger” mode.
The website in question is: [redundant link removed] This is a huge problem as the Menu is covering half the screen of the mobile device.
I would really appreciate the help as I’ve been trying to fix this for a while and haven’t been able to.
Thank youThe page I need help with: [log in to see the link]
-
Hi Alexandre,
I’m sorry to hear about the issue you’re facing. To confirm, is the mobile menu enabled? You can confirm this by navigating to WP Admin > Appearance > Customize, Theme Settings > Navigation and tick Mobile Menu.
If that doesn’t help or the mobile menu was already enabled, it’s quite possible something is preventing the mobile menu from displaying. Can you please link me to your website? This will allow me to identify what that something is.
Hi alexgso,
Thank you for your reply.
My website is above
yes the mobile menu us indeed ticked. seems that everything is order in themesettings.You’ll see, the menu covers half the screen in mobile. its so annoying.
Thanks for your help.Hi,
Thanks. The Mobile menu theme CSS is missing. Does clearing your page cache plugin allow for the mobile menu to work?
If not, Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.
Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.
If that doesn’t help, you can fix this issue by adding the following CSS to WP Admin > Appearance > Customize, Additional CSS:
.so-mobilenav-mobile + * { display: none; } @media screen and (max-width: 480px) { .so-mobilenav-mobile + * { display: block; } .site-navigation div.menu * { display: none; } }Hi alexgso,
Thank you for your reply.
i tried clearing the cache with not too much effect.
I was lazy and skipped going through all the plugins, so i went directly to inputting the CSS.I see a lot of experts like yourself keeping css as a last resort. why is that exactly? is it not good practice?
thanks
Hi alexandre,
It’s less as a last resort and more that the provided CSS is a slightly edited version of the normal Mobile Menu CSS so ideally it’s better if the theme directory outputs this instead. It’s not a bad practice or anything like that.
Hi alexgso,
Ok cool well thank you for clearing that up.
Thanks alot for the help you provided.
The topic ‘menu not responsive (vantage theme)’ is closed to new replies.
