How to recreate the header of your site?

[anywebhelp]

Hello lovely people,

I’m using X, not Pro, and would like to recreate the header + menu under it exactly like on your demo site here:

Home

Could you be so kind as to give me some directions on how to achieve this?

Thank you so much!

–
Alex

[Prasant]

Hello Alex,

Thanks for asking.

We have used Integrity 1 demo stack coupled with custom scripting and development work in order to create navigation structure of our main landing page. I suggest you to please take a look at following demo content:

http://demo.theme.co/integrity-1/

Thanks.

[anywebhelp]

Hello Prasant,

Thank you for such a quick reply!

Maybe I was not clear enough. I didn’t mean some real custom development, what I meant is how is it possible to put a hero shot in the header and the menu under it? Because I remember seeing this described somewhere here on the forums, but alas, I can’t find it now. Could you help me? I think perhaps I should use the slider to create a static one slide with an image and then somehow assign a menu to be placed under the slider?

And a quick question here about the image: what dimensions should it be for best results? I mean, to look great on PCs, laptops and mobile devices? Should it be Full HD 1900x1080 or just HD 1280x720 is enough?

Thank you!

[Prasant]

Hello @anywebhelp,

You first need to install Revolution Slider from X > Validation > Extensions. After that you need to activate from Plugins > Installed Plugins. Next, edit the page then under Above masthead area select the Revolution Slider name to display slider above navigation. https://cloudup.com/cFaL-Rv3GIe

You can try using image size of 1900px and see how it looks on the website.

Thanks.

[anywebhelp]

Hello Prasant,

Thank you very much for such a detailed answer!

[ruenel]

You are most welcome!