Full width content

WebTechMarketing · June 2017

I am trying to determine if there is an option to make the grid width 100%. I'd like the content on the site to always be stretched to the edge of the screen. Currently I have the Grid Width set to 1920px, the max, and have the Responsive >> General >> Boxed to Full Width option enabled but at the second and third break points the content is still boxed.

I assume I can use CSS to remove the margins at those break points but I was hoping for a cleaner option, thanks!!

Bryan · June 2017

Hi,
When building with the muffin builder you can edit the sections and set the style to full width, this way they will stretch.
thanks

WebTechMarketing · June 2017

Very good point, thanks!

I did miss one goal i was trying accomplish and that is to have the background color of the sidebar stretch to the edge. At those two middle breakpoints there is a margin right of the sidebar where the site's background is showing.

I'm sure i can use CSS to remove the margin.

Bryan · June 2017

Please send us a link to that page and explain this with a screenshot.

WebTechMarketing · June 2017

Apologies, should have done that from the beginning

URL: http://interlink.wtmarketing.com

The first screenshot is at full screen width (1600px), the background color of the sidebar extends to the edge of the window

The width of the browser in the second screenshot is at the first responsive break point (~1220px). Now the background color of the sidebar does not stretch to the edge of the window.

Thanks!

Bryan · June 2017

I cannot enter this page, all the links are #

WebTechMarketing · June 2017

I'm sorry, direct link to that page

http://interlink.wtmarketing.com/about-us/

Albert · June 2017

Ok, so to change widget's are background, please use the following css:

.widget-area::before { background: #000 !important; }

WebTechMarketing · June 2017

perfect, thank you!

Albert · June 2017

You're welcome

Full width content

Comments