Docs

[Wardo_SD]

Hello! I am going to be starting a new site soon and would like to use x for the build. However, my client wants a very specific header look and I want to make sure X can handle it. They want to copy the diagonal slash look of the header of this site: http://digitalpromise.org/
How would you suggest I achieve this look in x? I do not want to use a sticky header, so we don’t have to worry about the animation that occurs when you scroll.

Thanks for the help!

[Wardo_SD]

So I was experimenting and X is hopefully going to work for this build. However I do have one last problem with the header.

The url of my site is http://www.cblworld.org/wordpress/

I need the logo to float on top of the topbar to have the look of the URL I sent earlier. I tried using the z-index property of the logo to make it above the topbar but it didnt work. So Is there a way to achieve that look?

[Christopher]

Hi there,

Thanks for writing in!

Please add following code in Customize -> Custom -> CSS :

.x-topbar {
    position: relative;
    z-index: 2;
}

Hope it helps.

[Wardo_SD]

Thanks so much it worked perfectly!! I will need to do some media queries to make it respond a bit more smoothly, but your fix worked like a charm. Thanks so much!!

[John Ezra]

You’re most welcome! 🙂

[Author]

Posts