Correct row settings to achieve this (attachment)

[Adrenaline22]

I’m trying to achieve the following thing:

| 1/2 column – text | 1/2 column – image that extends to the side of the screen |

If I set the row the full screen, the left column text is too close to the left side of the screen. Setting various paddings solves the issue, but when I resize the screen for mobile, text-box gets out of the screen.

Practically I want the text box to be aligned with the others non full width text elements that are above and below the row.

Attachments:

You must be logged in to view attached files.

[Adrenaline22]

If you resize the screen on the link I gave, you see that the text isn’t centered because of the horizontal padding..

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Unfortunately that layout isn’t currently possible, it’s only possible to have the full row full width, including the text on the left. If you add padding, please show me the mobile issue so I can look at it for you

– Kyle

[Adrenaline22]

This reply has been marked as private.

[Kyle – SUPPORT]

Try adding this to your custom css:

@media only screen and (max-width: 479px) { 
.spb-column-container.col-sm-6 {
  padding-left: 15px !important;
}
}

– Kyle