Header overlaps first elements on page

[jaustin613]

I’m having issues getting my header on www.qonnectiq.com to show properly. It seems like no matter what I try, it keeps overlapping.

I’m unable to find the setting where the first element of the home page simply attaches to the bottom of the header.

Can you please help?

[ruenel]

Hello Jared,

Thanks for writing in!

The navbar overlaps with the content because you added this css code:

/*
// Masthead.
*/

.masthead {
  position: absolute;
  width: 100%;
}

.single-post .masthead {
  position: relative;
  width: auto;
  background-color: #001937;
}

@media (max-width: 979px) {
  .masthead {
    position: relative;
    width: auto;
    background-color: #001937;
  }
}

Do you want a sticky navbar? Please remove the custom css and go to X > Theme Options > Header > Navbar and change the Navbar Position to “Fixed Top”.

We would loved to know if this has work for you. Thank you.

[jaustin613]

Ok.

Let’s assume I have no clue how that got there. Where would I even go to remove it?

Thanks!

[jaustin613]

Nevermind, found it in the CSS button when editing the theme options. Thanks for the amazing support you guys provide.

[ruenel]

You’re welcome!
We’re glad we were able to help you out.