Sticky header - main menu links go off top of screen - Forum | JoomShaper
Solved Helix Framework

Sticky header - main menu links go off top of screen

Asked by David Austin 4 years ago Last activity 4 years ago

Joomla 4.0.5 - SP Page Builder 3.8.2 - Language School template

Hello again,
I have a menu that's now working well, but when I scroll down the page, despite the header being set as 'sticky', the main menu links disappear off the top of the page before the header sticks. Only the logo and the rest of the header bar stays visible.

The website is here: http://newsite.learnpermaculture.com/

Do I just need some Custom CSS?

Thank you!
David

Accepted answer

Marked as the solution
Ariba Staff
4 years ago

Hello

Thank you for your query.

Please add the following css rules in custom css section

#sp-header.header-sticky {
    transform: unset;
    height: 80px;
}
#sp-header.header-sticky .logo {
    margin-top: 0px;
    height: 80px;
}

2 more replies

Oldest first Newest first Most helpful
David Austin Asked this
4 years ago

Thank you Ariba, that's perfect!
Much appreciated. :)

Ariba Staff
4 years ago

You are most welcome, my pleasure! :)

Log in to reply.