We have quite a few menu items and all them show properly only on fairly wide screens. I would like the mobile menu to activate as soon as the HOME link gets close to the logo. What is the best code to make this happen? Thank you.
Hey hobart,
Please see the following:
If this does not work, we can attempt to fix via custom css.
Best regards,
Jordan Shannon
I have this set currently, doesn’t seem to be working.
Hi,
Add the following to quick css:
@media only screen and (max-width: 1640px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block!important; }
nav.main_menu { display: none; }}
This worked when applied in the browser.
Best regards,
Jordan Shannon
Thanks for the quick replies. I have added this code and tested in Chrome and Firefox with no luck.
Hi,
Please provide admin info so I can log into the back-end and look into this further.
Best regards,
Jordan Shannon
Here is login. I thought I sent this but not seeing that I did. Thank you!
Hi,
I added my css to the VERY TOP of the quick css field and it worked. That points to something below it not being written properly.
Best regards,
Jordan Shannon
Thanks for your help. Strange, that is where I put the code you gave me, cleared cache and still wasn’t having any luck. Appreciate your quick replies.
Hi,
It worked for me without issue. Perhaps try a different device?
Best regards,
Jordan Shannon
Sorry, meant to say that is what I tried before and wasn’t working, but working now after you altered it. Thank you!
That’s great! Do you still need further assistance with this topic?
Best regards,
Sarah