[Support request] Header questions

[George]

I am not quite clear about two things:
1. What is the difference between a page header and a site header?

2. Also I am not clear about the width. If I set my site to a width of 1200 px, should the full width header image be 1200 px as well? I read in a post that someone said the header image is supposed to be 1600px wide. Why should it be wider if the total site width cannot exceed 1200px?

[Leo]

Hi there,

1. Page header is page specific – it can be different every page. Site header is site wide which will show on every page.

2. Full width means that it will extend outside the container width to fill the entire width of the screen.
If you are setting something to full width then I would recommend using image with width of 1920px.
If you are using contained then image only needs to be as wide as your container.

[George]

I am using the site title and the tag line in my header:
https://staging2.heavenlyheadmassage.com/
Is it possible to use some code to move the tag line to a different position in the header, like in the bottom right area below my logo?

[Tom]

First, set your header alignment to “right” in Customize > Layout > Header.

Then add this CSS:

.header-widget {
    float: none;
    max-width: 100%;
}

[Stephen]

Hi,

Is 1920px the best size for full width images? I’ve read many comments suggesting 2000px wide is good?

Thanks
Steve

[Leo]

I’d say at least 1920px but 2000px is also good.

[Author]

Posts