Prior to version 4.1.2, I had the mobile burger menu configured to show the search icon/text within the actual hamburger menu itself. After upgrading to 4.1.2, the search icon/text is no longer in the mobile burger menu and is instead overlapping my logo. Please advise on how this can be fixed. Thanks!
Hey ACNLatitudes,
I have checked it but I could not see the hamburger menu, can you post a screenshot?
Best regards,
Nikko
Thanks for the reply. I have provided the requested screenshots.
Hi,
Thanks for providing the screenshot. Would it be okay for you just to hide the word search leaving the magnifying glass and make the logo a little bit smaller so it doesn’t overlap?
Best regards,
Nikko
Hi Nikko. Thanks for the reply. It is possible to show one version of the logo on the desktop and another version of the logo on mobile? I like the size of the logo on the desktop version of the site, but wouldn’t mind shortening it for the mobile version. Please advise.
My solution to this was to only hide the search icon when the Mobile Menu is closed, when mobile menu is open then the search icon is shown:
@media only screen and (max-width: 767px) {
:not(.av-burger-overlay-active) #top #menu-item-search {
display: none !important;
}
}
Thank you BruceJackson.
Thanks for sharing your helpful solution Bruce! That worked!