Sticky Header - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Sticky Header

M

Manuel

Helix Framework 4 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

0
5 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #14956

Hello Manuel

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

Best regards

0
M
Manuel
Accepted Answer
4 years ago #15088

Here is it:

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #15308

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;
    }
}
0
M
Manuel
Accepted Answer
4 years ago #15365

Perfect thank you

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #15453

You are welcome

0