Sticky Header - Forum | JoomShaper
Staff replied Helix Framework

Sticky Header

Asked by Manuel 5 years ago Last activity 5 years ago

Hello,
I have a little problem with the sticky header.
In the desktop version it looks great but when you switch to the tablet and mobile version 2 lines are used. Once for the languages and social medias and then one line for the contact details. But the second line overlaps the main menu and moves the logo down a bit. When I scroll down a bit everything is ok again, the sticky header hides and the logo is in the right place again.
Shouldn't this normally adjust automatically to the circumstances?
Here are a few photos:

Desktop version
https://prnt.sc/11te13m

Tablet version
https://prnt.sc/11te33r

Mobile version
https://prnt.sc/11te492

Regards Manuel

5 replies

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

Hello Manuel

Please share your site URL here to check the issue. Use the Hidden Content box to share privately.

Best regards

Manuel Asked this
5 years ago · edited

Here is it:

Ofi Khan Staff
5 years ago

Your issue is fixed now. Please check your site. I have used this CSS to templates/css /custom.css file

@media (max-width: 768px){
    #sp-header {
        top: 58px;
    }
}
Manuel Asked this
5 years ago

Perfect thank you

Ofi Khan Staff
5 years ago

You are welcome

Log in to reply.