Sticky menu on mobile

Hi, I’m trying to make a sticky menu for mobile (I’m surprised there’s no option in settings do do that), and have tried with all the pieces of code found here for achieving that. ie:

@media only screen and (max-width:990px) {
.responsive #top #wrap_all #header {
position: fixed !important;
}
}

The problem is that when I scroll down the hamburger menu and de search icon both move up, and the logo drastically reduces its size.

Tried erasing all the extra CSS both on quick CSS and style, nut the problem remains.

I’m using the large menu, with the extra social icons menu, logo on the left and menu below.

Unfortunately I’m working locally so can’t give you access.

EDIT: It only happens if menu is not set to shrink when scrolling down.

EDIT2: Another problem is that with the mentioned code the sticky mobile menu gets over the content of the page (either if it is a slider, text, etc.),

Tried this:

@media only screen and (max-width: 990px){
.responsive #top #main {
padding-top: 110px !important;
}
}

but doesn’t work for resolutions larger than 768px.
Thanks

• This topic was modified 6 years, 6 months ago by sstaricco.