Mobile Menu Problem

This topic has 7 replies, 2 voices, and was last updated 4 years, 4 months ago by Andrew Misplon.

Author
Posts
December 19, 2019 at 6:10 pm #13723

tammiemosaic
Participant
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
December 19, 2019 at 6:19 pm #13725
Andrew Misplon
Keymaster
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.
December 19, 2019 at 6:55 pm #13727

tammiemosaic
Participant
How do I use this CSS rule to fix the problem?
Thank you for writing back so soon!
December 19, 2019 at 7:14 pm #13728

tammiemosaic
Participant
What part of the code do I remove/change to fix the mobile menu?
Do I delete the whole file?
December 19, 2019 at 7:21 pm #13729

tammiemosaic
Participant
How do I locate the correct CSS file?
December 19, 2019 at 7:44 pm #13730

tammiemosaic
Participant
I have found the additional CSS code.
But how do I change it to restore the mobile menu so it will work correctly?
December 19, 2019 at 7:48 pm #13731

tammiemosaic
Participant
OK, I removed the custom css. Thank you
December 20, 2019 at 10:38 am #13736

Andrew Misplon
Keymaster
Super, glad to hear you’ve made progress 🙂 Thanks for the update.
Author
Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.