Single column fixed width except on mobile

I’d like to achieve a centered single column text for most rows of this website sisssl.nl. It should be responsive, so I guess a fixed width on desktop, but 100% width on mobile screens.

What’s the easiest way to achieve this with Sydney?

If you take a look on sisssl.nl, I’m talking about most rows except for Portfolio, which looks great full-width.

Found a solution by adding a new class to the desired div’s. Then added some custom css:


@media only screen and (max-width: 660px){
.target_column {
    margin: auto;
    width: 100% !important;
  }}
@media only screen and (min-width: 660px){
.target_column {
    margin: auto;
    width: 600px !important;
  }}

Hello there,

I am glad to know that you’ve been able to manage it by yourself. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis