Jump to content

Header bounce/jump on navigation menu item click

Go to solution Solved by tuanphan,

Recommended Posts

Hello,

I have a minor issue on my website (https://www.souzanapetri.com) and it seems I cannot easily fix it but its disturbing.

The issue is when i click any item on the navigation menu on top of each page, the header makes a jumpy/bounce effect. Basically this happens on each page reload. Seems that is an issue with the header or logo height. It seems like on page reload renders a smaller are for the header and then because the elements in the header are bigger it re-renders the whole header div with the actual heights of the menu and the logo. In any case I could not find a solution so far.

Any suggestion for a possible solution is highly appreciated.

Thanks.

Edited by GeorgeK
Link to comment
On 4/16/2024 at 9:11 AM, tuanphan said:

You try this code to Website > Website Tools > Custom CSS

div.header-announcement-bar-wrapper {
    padding-top: 3vw !important;
    padding-bottom: 3vw !important;
}

 

Thank you @tuanphan. Just applied the css and it seems that did the trick. Thanks a lot.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.