Hamburger menu changes position in mobile version

33Organic

Hi MuffinGroup, 

On my website www.33organic.com I installed your Betheme Herbal. Everything is good but I have selected the sticky menu option and when the screen goes below 846px the hamburger menu takes on a margin-top -17. Because of this event the hamburger menu is no longer in the vertical center of the header. Is there a sollution to this problem?

@media ;only screen and (max-width: 767px)

.mobile-header-mini #Top_bar a.responsive-menu-toggle {

top: 30px!important;

left: auto;

right: 10px

margin-top: -17px <------------------------------------------- I think this rule causes the effect.

}

Albert

Hi,

please tell us where you would like to move mobile responsive icon then? As we can see, the icon looks great and is the a right place.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

33Organic

When you open the website the hamburger menu is in the right place. In the middle of the header and beautifully centered. But when you scroll down on the website it moves up a little bit and I want it to stay in the middle where it is when you open the website.

Albert

Ok, got it. To move the mobile menu down when it's sticky, please use the following css:

.mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle.is-sticky { top: 30px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

33Organic

Ah yes it works! Thank you very much!

Albert

You're welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next