Make content area fill all space

[Goran Milic]

Great answer Bill. I was wondering, is it possible to move content of the page across the screen, to be positioned in the middle of the screen? In that case we will be able to use the whole screen for content.Using the code above we prolong the black see through background, but we are still using fraction of the whole screen. I believe that I already saw Umami websites with such modification, but I am not able to find them now.

Thank you Bill in advance.

[Bill Robbins]

Hi Goran,

You could make the content area full width. In the Custom CSS, this is the snippet to do that:

@media only screen and (min-width: 768px) {

	#wrap {
		width: 100%;
	}
	
	#content {
		width: calc(100% - 300px);
	}

}

See how that works for you.

Take care,
Bill

[Author]

Posts