Top bar Dropdown menu toggle issue

[970]

Hi

I’m having issues with the top bar menu. It’s showing the mobile version of the menu with the toggle when viewing on desktop 992px wide and larger. When I make my browser window smaller, 992px and less, it shows the desktop version of the menu.

I’m developing my site locally so i do not have a live site address for you.

[970]

Here is a screenshot of my site showing the mobile menu toggle in the TOP BAR MENU. You will see that the mobile toggle is showing instead of having the menu items display inline.

Attachments:

You must be logged in to view attached files.

[sharmstr]

That’s not really the mobile toggle. That is an auto toggle when the contents of the top menu are too large. What’s in that menu?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[970]

ah ok that makes sense. I switched because I addd some padding to the top and bottom of the top bar area. I just removed it and now it’s back to the way it was. Is there a different way I can add padding or height to the top bar? I tried several different things and whatever I do it changes it to the toggle.

[sharmstr]

Try this

COPY CODE

.social-header.header-color {
    padding-top: 10px;
    padding-bottom: 10px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

moving because this isnt a bug.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[970]

that worked, thanks so much for the help

[kimmer3906]

Hi there,
I was able to remove the menu from the homepage in the desktop view but it’s still showing up in the mobile view. What should I do?

My site is http://www.dating.transformationgrad.com
Thank you,
Kim

[Author]

Posts