tammiemosaic Dec 19, 2019 · 6:10 pm #13723
Hello,
I am having a problem with the mobile displays open and covering the website. It also does not have the ability to close like the demo.
How to fix this?
https;//howtosewart.com
Mobile Menu Problem
Hi Tammie
Thanks for posting. The problem is located in your Custom CSS. Specifically, this rule:
@media screen and (max-width: 778px) and (min-width: 512px) {
body:not(.page-layout-stripped) #masthead.mobile-menu .main-navigation > div:not(.mega-menu-wrap), #masthead.mobile-menu .main-navigation .shopping-cart, #masthead.mobile-menu .main-navigation .search-icon {
background-color: white !important;
display: table-cell;
vertical-align: middle !important;
position: relative;
}
}I hope that helps.
tammiemosaic Dec 19, 2019 · 6:55 pm #13727
How do I use this CSS rule to fix the problem?
Thank you for writing back so soon!
tammiemosaic Dec 19, 2019 · 7:14 pm #13728
What part of the code do I remove/change to fix the mobile menu?
Do I delete the whole file?
tammiemosaic Dec 19, 2019 · 7:21 pm #13729
How do I locate the correct CSS file?
tammiemosaic Dec 19, 2019 · 7:44 pm #13730
I have found the additional CSS code.
But how do I change it to restore the mobile menu so it will work correctly?
tammiemosaic Dec 19, 2019 · 7:48 pm #13731
OK, I removed the custom css. Thank you
Super, glad to hear you’ve made progress 🙂 Thanks for the update.
8 posts