WebSite X5Help Center

 
W. Healy
W. Healy
User

Full Screen Header  en

Autor: W. Healy
Visitado 6058, Seguidores 3, Compartilhado 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?

Publicado em
9 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
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!

Ler mais
Publicado em de Claudio D.
W. Healy
W. Healy
User
Autor

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"

Ler mais
Publicado em 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

Ler mais
Publicado em de Anthony A.
W. Healy
W. Healy
User
Autor

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

Ler mais
Publicado em 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!

Ler mais
Publicado em de Claudio D.
W. Healy
W. Healy
User
Autor

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?

Ler mais
Publicado em 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!)

Ler mais
Publicado em de Anthony A.
W. Healy
W. Healy
User
Autor

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.

 

Ler mais
Publicado em de W. Healy
W. Healy
W. Healy
User
Autor

Similar to the feedready.com website.

Ler mais
Publicado em de W. Healy