[Resolved] How to make the header go right across the page, no white space

[Ztown]

Hi, I am new to GP, and probably made a huge mess by trying to use a site from the library after having spent hours creating a header and menu which went from side to side of the page, no white space left right or above. I cannot seem to do this anymore with the premium options, even set to full width it leaves considerable white space. Is there anything I can add to the code to make it stretch right across? Any help would be greatly appreciated!

[David]

Hi there,

the Site you installed added CSS in Customizer > Additional CSS. To remove the white space border delete this CSS from there:

body {
	margin: 5%; /* Space around site. */
	position: relative;
}

This CSS also defines a max width of the content, you can also remove this if you don’t want that:

.no-sidebar .inside-article > *, 
.no-sidebar #comments,
.no-sidebar .paging-navigation {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

[Ztown]

Thank you David, that worked!

[David]

You’re welcome

[Author]

Posts