Top menu bar

[David L]

Hi,

When im desktop and land on the website, the top menu bar has a transperent backround. When i start scrolling down it becomes white.

How can i set it to a white backround all the time. I.e when i land on the page the white backround is there already and not transparent.

[David Morgan]

Hi David,

Sure thing! Navigate to Appearance > Editor > Templates, select a template, and double click the header to edit the header template part. Select the Group Block for the header (this is easiest using the list view option). Under the “Advanced” tab for the Group Block you should see an “Additional Classes” field. Remove the “position-fixed” class (leaving “header-wrapper”). Then save the changes. That should create a solid white header bar at the top of the site.

Thanks!

[David L]

thank you David, that worked.

But the white menu bar sticks to the top of the page so when you scroll down its at the top of the page and not visible any more.

Is there a way so it stays white and to the top of ur browser as you scroll down the page? i.e it follows you as you go down the page not stuck to the top of the page while your futher down.

Sorry for the bad description.!

[David Morgan]

Hi David,

Can you provide a link to your site, so we can provide a more accurate solution?

You could try the following style, but this is untested in your environment:

.header-wrapper {
  position: sticky !important;
  top: 0;
}

Thanks!

[Author]

Posts