Docs

[Ying-Fu Li]

Hi,

Could you take a look at this site: http://www.heldenopreis.nl ?

I have a fixed navbar and topbar, but the topbar expands when scrolling (see attached images). Can’t find where or what I did to make this happen…

[Thai]

Hi There,

Please add the following CSS:

.x-topbar {
    max-width: 1200px;
}

Hope it helps 🙂

[Ying-Fu Li]

Hi,

It doesn’t work on the homepage and blog page.

[Thai]

Hi There,

Please find this CSS:

@media (min-width: 320px) and (max-width: 480px) {
.tt_full_column {
height: 750px;
}
.x-main {
box-shadow:2px 2px 5px rgba(150,150,150,0.3);
}
.x-topbar {
max-width: 1200px;
}

And change to this:

@media (min-width: 320px) and (max-width: 480px) {
	.tt_full_column {
		height: 750px;
	}
}
.x-main {
	box-shadow:2px 2px 5px rgba(150,150,150,0.3);
}
.x-topbar {
	max-width: 1200px;
}

Hope it helps 🙂

[Ying-Fu Li]

Ah, damn brackets… 😉

Thanks!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Ying-Fu Li]

One more question. I have a box shadow on both the complete body of the boxed site and on the header. When scrolling and when de header jumps to fixed position the box-shadow on the header is quite heavy as opposed to the topbar. Is there a way around this to make it smoother?

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

body .x-navbar {
   box-shadow: none;
}

Hope that helps

[Ying-Fu Li]

Uhm, not really because I want the box shadow to be there on body and navbar. I just want a consistent box shadow when scrolling. See also attached images.

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-topbar-fixed-top, .x-navbar-fixed-top {
    box-shadow: 0 1px 0 0 rgba(150,150,150,0.3) !important;
}

Let us know how this goes!

[Author]

Posts