Text Wrapping Weird with Padding

[SomeChick]

On my site home page (see link in backend), I’m using padding for the section Work / Play / Breathe toward the bottom. However, when I look at it on a tablet, the text wraps strange and doesn’t stay contained in the boxes.

Help?

[Rui Guerreiro – SUPPORT]

Hi,

Can’t reach the site provided. Can you check if the site url is correct or the server is down?
Thanks

-Rui

[SomeChick]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[SomeChick]

I was hoping to keep the domain private. Would you mind changing that image?

I could do that, but the spacing is weird. I’ll probably end up changing it altogether anyhow!

I’m okay with it shrinking down and being long and looking a little weird on mobile. I just don’t understand why the text wrapping isn’t logical on tablets. Once I set that padding, I’d like it to stay that way. Is there any css or workaround?

[Rui Guerreiro – SUPPORT]

Sorry for that, it’s already private.

Can you add the code below to your custom css option.

@media (min-width: 768px){
  .multi-column-row .spb-asset-content {
     padding: 20px!important;
  }

.multi-column-row  .impact-text, p.impact-text, .impact-text>* {
    overflow: hidden!important;
    overflow-wrap: break-word!important;
  }
}

Let me know if it worked.

-Rui