Hello,

I see the image is set as background to the column. And the columns assigned to be half or the row width (screenshot). In this case, the width of the image is depended on the actual width of 1/2 or your screen (desktop). Being nowadays desktops screens to approximately larger than 1200, the width 600px is not possible. I suggest you make the background of the column plain black color. And then add your image in the column, as an image element. Set there the width you want it to have.

Best regards!

Hello,

Set the margin of the inner row in a negative value. So it comes up.
Screenshot: https://ibb.co/6H8SVtk

Best regards!

Hello,

The mobile layout is different from a desktop. By default, the columns take 100% of the width in order to make elements more visible in the small screen.
Sorry, but changing it is personal customization and it’s not included in support.

I suggest you hire a designer in case you intend to make any changes to the default layout of the theme.

Best regards!

Hello,

The top row has “Full height Row” options set ON. This affects the content layout in mobile, by forcing the row content to stay in one line and centered. I added this css to customize it:

@media (max-width: 767px){
.cl-row .row.cl_row-flex {
    display: inline-block;
}}

Please check the site and see the difference.

Best regards!

• This reply was modified 5 years ago by Mirela.