Image Layout Tablet Mode Like Mobile Mode - Question | JoomShaper
Back to the questions

Image Layout Tablet Mode Like Mobile Mode

JS

Jasmina Stiedl

SP Page Builder 4 years ago

Hello,

I want to make the tablet view for this page to look like the mobile view. In desktop view the text and image are side by side, but in tablet view it doesn't look good that way, because the images are to small. In mobile view it automatically changes so the image is above the text and I would like that for tablet mode as well. I am using the image layout addon.

This is the page: https://www.salmtek.com/it-services/it-unterstuetzung

Thanks Jasmina

0
5 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #23346

Hello!

You can use the following code in your custom CSS:

@media only screen and (max-width: 1024px) and (min-width: 767px)
{
.sppb-addon-image-layout-wrap .sppb-col-sm-6 {
    flex: 0 0 100% !important;
    max-width: 100%!important;
}
.image-layout-preset-style-collage .sppb-addon-image-layout-content{
    margin:0 auto;
}
}

I have taken the max width as 1024px, if your tab has a wider screen resolution then you can use that value!

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #23306

Hi there!

Thanks for your query.

Let me have a look.

May I have a screenshot of that part you are talking about, please? That will be helpful for me!

Best Regards

0
JS
Jasmina Stiedl
Accepted Answer
4 years ago #23321

Hi,

Thanks for your reply.

Here are screenshots from all three views. I want the tablet view to have the same layout as the mobile view.

Best regards Jasmina

0
JS
Jasmina Stiedl
Accepted Answer
4 years ago #23350

Hi,

Thank you, it works now :) !

Best regards Jasmina

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #23351

You are always welcome:)

0