I try to change the width of the content. For a bigger main area I changed the large desktop width in the backend to 1410px, the same size as my header has. Worked fine, background-color too.
Then I tried to change the backgroundcolor and the width of the container-hd class to 1420px, to have a small margin around the maincontent.
I edited my custom.css and added following code
@media (min-width: 1420px)
.container-hd {
box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
margin: auto;
width: 1420px;
background-color: beige;
}
in hope to have a look like on the pic
But nothing changes. Are media queries not changed by the custom.css? Do I have to introduce the new media query with the width of 1420px somewhere? Or how can I get the needed 1420px without loosing the responsiveness?