Tagged: mobile menu
The mobile menu is not working at all on this site: aph.blaircomm.us (pasword “guest”)
I have tried everything and searched all the code. It is identical to this production site: americanpethotel.com – where all works fines, except it is an updated version of Enfold and on an updated WordPress.
Can you help? I want to update the prodiuction site, but the mobile menu is no longer visible when I do. I have included a support login.
Hey blaircomm1,
This CSS coming from your child theme is causing your problem:
@media only screen and (max-width: 1192px) {
nav.main_menu {
display: none !important;
}
}
Please remove the code and it should work as expected after that.
Best regards,
Rikard
Yes, that worked. Thanks for spotting it—I missed it completely.
It was part of the effort to keep the mobile menu fixed at the top of page when scrolling. It no longer is fixed but scrolls out of sight. I have the function selected within the Enfold dashboaerd, but it does not work as expected on this prticular site. Is there a fix? This is the CSS I used in addition to the deleted:
/* —- KEEP MOBILE MENU VISIBLE SCROLL —- */
#advanced_menu_toggle, #advanced_menu_hide {
position: fixed!important;
right: 3%!important;
top: 7%!important;
}
/* —- END KEEP MOBILE MENU VISIBLE SCROLL —- */
OK. I got the CSS right to fix the menu at top. Thanks for your help.