- This topic has 3 replies, 2 voices, and was last updated 7 years, 5 months ago by
.
-
Posts
-
I love the sticky menu option for the desktop layout.. but for the mobile version it’s causing viewing issues and doesn’t look right.. is there a way for me to have it for the desktop only and not for mobile. the mobile menu is perfect and shouldn’t be displaying the nav bar… You can see what I’m talking about on this page here – https://www.scentswarmers.com/buy/scentsy/products/element-collection , if you view it on your mobile device.
Hello @tristadeleon,
To disable the sticky menu option only for mobile devices, you can add in the following Custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS.
@media only screen and (max-width:900px){ .enabled-sticky-primary-menu #main-nav.fixed { position: relative; } }Hope this Helps,
Best Regards !!
Actually, now I’m wondering why it would show the nav bar plus mobile menu at the top anyways.. mobile version should only show the mobile menu and not the nav menu anyways, right?
Hello @tristadeleon,
The Clean Commerce pro theme already has necessary CSS codes to hide the default menu in the theme. While we have inspected your Site URL, it seems the CSS has been overridden in your site.
You can fix the issue however by using the following custom CSS :
@media only screen and (max-width:900px){ #main-nav, #header-nav { display: none !important; } }Hope this Helps,
Best Regards !!
- You must be logged in to reply to this topic.
