Grid Row vs Colour Section

Hey jamesbarrell,
Thank you for your patience and the link to your test pages, as I understand your intention I believe the 1/3 + 2/3 Grid Row is the best approach. The grid row element is a full width element so this is why the page margin/padding is ignored, I recommend adding a custom class to the grid row element that you plan to use in this way for all of your pages and then add some custom css to add the margin/padding to the grid row to match your page layout.
Please give this a try and let us know f=if you need further assistance.

Best regards,
Mike

Hi,
The color section is another full width element, it’s width is set by the layout, in your case:

.responsive .container {
    max-width: 90%;
    margin: 0 auto;
    padding: 0px 50px;
}

so something like this for your grid row may help:

#av-layout-grid-1 {
	max-width: 90%;
    margin: 0 auto;
    padding: 0px 50px;
}

I recommend changing the ID to a custom class, and adding a media query to it so it is not used for mobile devices, and since the gri row already has some left & right padding you may need to reduce the padding in the css a little to suit.
Give this a try.

Best regards,
Mike