Docs

[Suzanne S]

Hi,

I need to fix my topbar to my header. I have tried some of the code you have provided for others but they don’t work. I need the topbar fixed to the navbar/header without covering the content.

My url is http://www.howtostartworkingathome.com

thank you

Suzanne

[Rahul]

Hey There,

Thanks for writing in!

Please add this Code under Custom > CSS in the Customizer.

.x-topbar {
  position: fixed;
  width: 100%;
}

.x-navbar, .x-navbar-fixed-top {
  top: 46px !important;
}

Hope this helps!

Let us know how it goes!

[Suzanne S]

that covers the beige title band?

[Rupok]

Hi there,

Kindly add this code as well :

.x-main.full {
  margin-top: 46px;
}

Hope this helps.

[Suzanne S]

it still doesn’t work, when you scroll the header moves up under the topbar?

[Nabeel A]

Hi again,

Please replace the previous code with this one:

header.masthead.masthead-inline {
    position: fixed !important;
    display: block !important;
    width: 100% !important;
    z-index: 999 !important;
}
.x-main.full {
    margin-top: 166px !important;
}

Let us know how this goes!

[Suzanne S]

Brilliant…that worked perfectly.

thank you 🙂

[Rad]

You’re so much welcome!

[Author]

Posts