Docs

[Suzanne S]

Hi,

You gave me css to have a fixed Header and topbar and this works great, but I would like this to be disabled on mobile devices and ipad. Is this possible?

Here is the code you gave me:

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

thank you
Suzanne

[Suzanne S]

I forgot,

here is my url: http://howtostartworkingathome.com/

and as far as I know, I’m using the latest versions of X theme etc…

[Rupok]

Hi Suzanne,

Thanks for writing in! Let’s update the code to following :

@media only screen and (min-width: 980px) {
header.masthead.masthead-inline {
  position: fixed !important;
  display: block !important;
  width: 100% !important;
  z-index: 999 !important;
}
.x-main.full {
  margin-top: 120px !important;
}
}

You can adjust the min-width to higher value if needed.

Cheers!

[Suzanne S]

Brilliant, thank you so much 🙂

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts