Can’t disable the sticky header on Mobile only

Hi, sorry to hear that you are having problems. I will be on my computer in just a little bit and I’ll see if I can just write you some custom CSS to get you by until I can fix this issue. I’ll get back with you in just a little bit.

Try this CSS on your site

@media (max-width: 767px) {
.she-header-transparent-yes {
    position: absolute !important;
}
}

LMK if this works for you

Hi Robert, thanks for the quick reply.

The solution above is for if I wanted it to remain sticky but it’s the opposite, I want the effect of the plugin to go away on mobile.

I tried:
@media (max-width: 767px) {
.she-header {
position: static !important;
}
}
And it works though the header resizing still does some funny thing in the mobile version…

I’m not really sure why it doesn’t work disabling either mobile or tablet on the plugin settings but I’m happy to help troubleshoot if you are up for it.

It looks like the header can’t shrink because of the size of the logo. Are you using the shrink logo feature of my plugin?

No it actually does shrink. But the idea is not having both the sticky effect and the shrinking on mobile, just on desktop and tablet.

If you set the shrink height to the same as what the section height is to begin with then it shouldn’t shrink. Hopefully I will have the responsive settings fixed soon.

Hi,have you got the plugin working how you want?

@theorib It’s been a week now since I last year’s back from you. Please let me know if this is working for you now, or if I can do anything else for you.
If I don’t hear back I’m going to assume this has been resolved.

This is a known bug and will be addressed in future updates with working responsive sticky and shrink options. Thanks for bringing this to my attention and let me know if you still need help.

Hi

Sorry to bump this old thread but I am having a similar issue: I do not want sticky on mobile, disabled this in the nav menu settings, but still have a sticky header on mobile. It is killing my UX honestly, so really hoping for a fix or workaround.

Thanks!

Hi, sorry about that. We are working on a fix for this right now. Have you tried the CSS posted above?

I just tried this CSS and it seems to be working well for me. Let me know if this does the trick.

/*DISABLE STICKY HEADER ON MOBILE*/
@media (max-width: 767px) {
.she-header {
    position: static !important;
}

.header {
    position: static !important;
    display: inline-block !important;
}
}

Hi Robert,

Not quite, but this did work:

@media (max-width: 767px) {
.she-header-transparent-yes {
    position: static !important;
}
.header {
    position: static !important;
    display: inline-block !important;
}
}

Thanks for pointing in the right direction.

No, this caused the menu to dissapear on some pages. This did work:

@media (max-width: 767px) {
.she-header-transparent-yes {
    position: relative !important;
}
}

Hoping for a fix soon ??

Have you tried increasing the z-index on the menu or anything else that might disappear?