How to make Landing Page like this?

[Sulek]

Hey there, I just want to ask if it’s possible to make the landing page like this with a regular X theme ? I mean how to overlay the main featured image to be at the whole screen and also in the header section?? Is it possible only with X ? Or I need to update to PRO ?

[friech]

Hi Viliam,

Thank you for writing in, yeah that is quit possible with X with a few custom CSS

e.g.

/*Place header above banner/content*/
.masthead.masthead-inline {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
/*transparent navigation bar*/
.x-navbar {
	background-color: transparent;
}

But please keep in mind that is only a guide and it is your responsibility to take it from here.

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

But if your header design gets more complicated than that, I strongly advise to go for Pro instead.

Cheers!

[Sulek]

cool thank you, will try it at least

[friech]

You’re most welcome,

Cheers!