- This topic has 7 replies, 2 voices, and was last updated 4 years, 9 months ago by Andrew Misplon.
- AuthorPosts
- December 19, 2019 at 6:10 pm #13723
tammiemosaicParticipantHello,
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.comDecember 19, 2019 at 6:19 pm #13725
Andrew MisplonKeymasterHi 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
tammiemosaicParticipantHow 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
tammiemosaicParticipantWhat 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
tammiemosaicParticipantHow do I locate the correct CSS file?
December 19, 2019 at 7:44 pm #13730
tammiemosaicParticipantI 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
tammiemosaicParticipantOK, I removed the custom css. Thank you
December 20, 2019 at 10:38 am #13736
Andrew MisplonKeymasterSuper, glad to hear you’ve made progress 🙂 Thanks for the update.
- AuthorPosts
You must be logged in to reply to this topic.