Text padding/swift slider off on mobile

[dsimpz]

Hello,

I added horizontal padding to one of my text boxes to keep it more contained rather than having it stretch full screen (like the rest of my layout). However, it’s not looking good on mobile. Anyone have any recommendations on what I can do? Screen shot attached

Also on mobile, my Swift Slider (ignite & inspire billboard) isn’t sizing properly. A lot of it is being cut off but looks fine on desktop. Any recommendations there?

Thanks in advance!
dsimpz

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 767px) {
.spb-asset-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

2) Do not have your text as part of the image, use the slider text content to add real text over the slider image.

[dsimpz]

David – thanks a lot for the feedback

1.) this worked great. Thanks!

2.) it’s not so much the text I’m concerned about, it’s the actual image. Only about 1/3 of the image is showing. The rest is being cut off on both sides. Is there custom CSS to display the slider as a fixed dimension on mobile?

Thanks again!
dsimpz

[David Martin – Support]

2) Unfortunately not no, the image is will proportionally cover the width x height dimension. We do package the Slider Revolution plugin with the theme if you wanted to test that out, it offers a huge selection of responsive options which I think would help you.

Thanks.

[dsimpz]

Gotcha – I’ll look into that. Thanks!

[Rui Guerreiro – SUPPORT]

No problem. Thanks David.

-Rui