WebSite X5Help Center

 
W. Healy
W. Healy
User

Full Screen Header  en

Auteur : W. Healy
Visité 6115, Followers 3, Partagé 0  

I require my header image to display at full screen width. I want it to resize itself and adapt automatically to the current size of the window like the page background. How do I this in x5?

Posté le
9 RéPONSES - 2 UTILE - 1 CORRECT
Incomedia
Claudio D.
Incomedia

Hello W. Healy,

The header in the template has a fixed size in pixel and it cannot be set to resize.

What you can do is to add on the background image the header image too so it will be adapted automatically to the window size if you activated for the background the option to "fit to window".

Many thanks!

Lire plus
Posté le de Claudio D.
W. Healy
W. Healy
User
Auteur

I'm not sure I undertsand.

Currently, I have a page background image inserted which is acting as my header image. Is this what you mean? 

Where is the "fit to window"

Lire plus
Posté le de W. Healy
Anthony A.
Anthony A.
User

go to template selection, select your template then click on edit, you will find it over there.

see attachment!

let me know the result

in this post solved your issue, please marked as solved.

Good Luck

Lire plus
Posté le de Anthony A.
W. Healy
W. Healy
User
Auteur

Thanks for that but it doesn't solve my problem. Is it possible to make the header and page background dimensions the same width?

See attachement

Lire plus
Posté le de W. Healy
Incomedia
Claudio D.
Incomedia

Hello W. Healy,

The Header cannot have the same dimension of the background because this changes according to the window size of the browser.

The Header like content and footer have fixed sizes in pixel.

Many thanks!

Lire plus
Posté le de Claudio D.
W. Healy
W. Healy
User
Auteur

Ok, my next questions are since websitex5.com was made using your software. How did you make the footer fit across the full screen. Is it part of the page background?

Lire plus
Posté le de W. Healy
Anthony A.
Anthony A.
User

go to template selection on step1> select your template> select edit, from "page section" choose footer background, then add bg for your footer over there.

make sure the height of your footer background is set for same height of your footer.

make the background for your footer transparent, in that case your website will only showes background footer instead of footer, and it will be full screen.

if yo have any other question, please open a new post.

if this post is the currect answer, please mark this answer as currect answer.

------------------------------------------------------------

Good Luck

www.wdesigners.us

www.usx5.com (coming soon)(Sign up to be notified when we launch!)

Lire plus
Posté le de Anthony A.
W. Healy
W. Healy
User
Auteur

Thank you for quick refresher. It was right in front of me!!

It would be great if the header and page content had this feature. Then we could go full screen and it would also be a good idea to have the page content split into sections. I'd like to be able to break the page content with different colour backgrounds.

 

Lire plus
Posté le de W. Healy
W. Healy
W. Healy
User
Auteur

Similar to the feedready.com website.

Lire plus
Posté le de W. Healy