Mobile Menu does not match site menu

[adamtsp]

Hello,

The mobile menu is not the same as the site menu, where do I go to edit this? I understand that the theme does not allow for the drop downs to be hidden, but there are incorrect pages on the mobile menu & the most important page for access (donation page for nonprofit) is at the bottom of the menu and smartphone navigation makes it tricky to select. I’ll try to attach screenshots so you can see.

Thank you

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Go to Appearance > Menus and select the one set as mobile menu

– Kyle

[adamtsp]

Lol, okay I was about to be upset because that is so obvious and I had already tried it… However, I looked through all the menus again and found the “Top Bar Inner Menu” which turned out to be the mobile menu so THANK YOU! 🙂

[Kyle – SUPPORT]

No problem 🙂

[Knut Klimmek]

Hey Kyle,

I’m trying to create a mobile specific menu; I’d like to add the Login/My Account field to it..

However, I cannot find a way to set a specific menu as a ‘Mobile Menu’; all I see is the ability to set a ‘Main Menu’ and a ‘Top Bar Menu’.

Can you tell me how I set this ‘Mobile Menu’?

Please let me know,
Thanks,
Max

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Sorry NHood does not have a mobile menu position, however the previous user said ‘Top Bar Menu’ worked for them

– Kyle

[Knut Klimmek]

Hey Kyle,

Ok no worries.. I just made a custom change to the css to hide the my-account menu title on desktop..

I’ve found an issue with the dropdown menu on mobile however, if overflows into the body of the webpage (see screenshot..)

I’ve tried to change some css to add padding or margin to the bottom of the menu, but nothing has really worked.

The only one that has worked in a way is:

.header-wrap{
padding-bottom: 30px;
}

However, that workaround creates 30px of space between the header and the body, which is not what I want..

Any idea which code would add padding/margin to the bottom of the dropdown menu, to stop this overflow??

Please let me know..

Cheers,
Max

website: bowapparel.com/home

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Use:

@media only screen and (max-width: 479px) { 
.header-wrap{
padding-bottom: 30px;
}
}

– Kyle

[Knut Klimmek]

Hey Kyle,

Thats what I did use; it creates a 30px gap between the header and the body (see screenshot), even when the menu is not in it’s dropped down state..

I would like there to be no gap between the header and the body, when the menu is not dropped down. (see screenshot)

Any ideas?

Please let me know,
Cheers,
Max

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (max-width: 479px)
#main-navigation {
  height: auto!important;
  padding-bottom:10px;
}
}

[Knut Klimmek]

Just tried there, still no luck..

Seems weird, as I’ve even targeted the last item in the menu, and given it a margin-bottom:

li.menu-item-13127.menu-item.menu-item-type-post_type.menu-item-object-page.sf-std-menu{
margin-bottom:20px;
}

But that doesn’t do anything to it..

[Knut Klimmek]

Hey Kyle,

Any other ideas of what I can try?

Please let me know!

Thanks,
Max

[Mohammad – SUPPORT]

Hi,
What issue is still remaining? Please explain it with marked screenshot.
Thanks
Mohammad

[Knut Klimmek]

Hey Mohammad,

The issue with the menu overlay still exists..

Screenshots were attached above, have attached again to show you..

Have tried all of the css code provided, but still no luck. Any help would be greatly appreciated.

Cheers,
Max

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

@Max

Your site is in maintenance mode. can you provide us admin credentials in a private reply?
Thanks

-Rui