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
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.
Best Regards
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
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
Hi,
Thank you, it works now :) !
Best regards
Jasmina
You are always welcome:)