Themis template: sticky menu - Forum | JoomShaper
Solved Templates

Themis template: sticky menu

Asked by Bernard Moret 5 years ago Last activity 5 years ago

Hello,

The sticky menu is buggy, at least on google chrome, when scrolling, the content seems to be jumping. Any known fix?

Thanks!

Bernard

Accepted answer

Marked as the solution
Pavel
5 years ago · edited

Hi. The problem is that the fix looks different for different types of pages.
For blog and article pages it would be like this: 

.com-content #sp-main-body {
    padding-top: 80px;
}

(padding-top must be equal to header height )
Remove the code that Ofi provided.

Sorry Ofi, but your decision is not correct.

For SP PB pages (if header start position is absolute)

.com-sppagebuilder #sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 0px;
}

12 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Bernard Moret

Please share a screencast of your issue to understand it better. I have not found the issue.

Best regards

Ofi Khan Staff
5 years ago

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 0px;
}
Ofi Khan Staff
5 years ago

If you use the CSS, then the buggy sticky header will be fixed.

Bernard Moret Asked this
5 years ago

No the CSS is creating the bug. Please support.

Ofi Khan Staff
5 years ago

Use this CSS

#sp-header.header-sticky ~ section#sp-main-body {
    padding-top: 0px !important;
}
Ofi Khan Staff
5 years ago

Please clear your Browser's cache and then check. I find it good now.

Bernard Moret Asked this
5 years ago

OMG that's it! Thanks Pavel!

Log in to reply.