Docs

[mateoserendipia]

Hi,

In a site I am building I have a fixed top menu. The first section of site contains a background image. The navbar is semi transparant, so when the site is scrolled, the image is partly visible under the menu.

By default When the site is opened the first section now starts right at the bottom of the navbar. I would like the first section to be aligned with the top of the page (so essentially with the top of the navbar), so that that first section is already underneath the navbar from the start. Would that be possible?

I attached two screenshot to make things more clear.

Thanks!

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[mateoserendipia]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. You can add this under Custom > CSS in the Customizer.

body.x-navbar-fixed-top-active .x-navbar-wrap {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

Hope this helps.

[mateoserendipia]

It does, the photo now sits under the menu, thanks!
However, the menu-items themselves (the words) now make a weird jump to the right when the site is scrolled back up, as if it momentarily assumes the site is wider. Any suggestions to fix that too?

Thanks!

[Rupok]

Hi there,

Let’s add this a well:

header.masthead {
  position: relative;
}

Cheers!

[mateoserendipia]

Yes, that did the trick, thanks!

Cheers!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts