Nav is floating above instead on top contact page

Hey! My homepage is the way I want it, the about page is the way it should behave, but the contact page, or any new page with page builder as template has a wrong nav bar behavior:
Home page: http://www.botvise.com/new/
Contact: http://www.botvise.com/new/contact-2/

Also when I try to copy the about-us page, the behavior is this weird.

I really have no clue and spent soo much time :slight_smile:

One thing that I think is weird is this code that only applies to “about us”

.page-id-164 #masthead {
	background-color: #13151d;
}

Not very consistent to markup each page…
But that’s only the color… not yet the padding…

Hello there,

Page builder template only has black colored header background when scrolling. It’s default style of home page header. To color it on inner pages, you’d add the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    body:not(.home).menuStyle1.page-template-template_page-builder .site-header {
      background-color: #13151d;
    } 

As Elementor content begins from the most top, you’d apply extra spaces in the first top Elementor section. Just like what you’ve implemented on this page http://www.botvise.com/new/about-us/

Regards,
Kharis

That really helped! Thanks a lot! Still a bit confused why it works this way out of the box and that css is needed but happy with the solution :slight_smile: !

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis