How to adjust container margins which are locked?

Hi,

I’ve got a hero page that contains a header container and 2 columns (column 1 is text and column 2 is an image). I’d like column 1 and the associated text to start further on the left and it seems like the way to do that is to select the header container and adjust the left margin. However, when I try to do that it says “Container margins are locked to keep it responsive”. How can I get around this?

1 Like

Hello,

Containers are “Locked” to a max Width size of 940px so you can’t go beyond that. What I suggest (saw it in this tutorial = Designing for larger displays — CSS layout tutorial - YouTube) is using a “dynamic container” which is just a Div with Max widths set and a Min Width set. Hope this helped!

1 Like