Image box width on mobile

Posted in: Newspaper
Post count: 9

Hi. I am using the Image box element with 4 images in it and I do not like how the images become full-width on mobile and take up so much of the phone screen. How can I make the boxes half that width on mobile without breaking anything else on the site?

Post count: 22421

Hello,

You can try this code in your custom css box in the theme panel:

@media (max-width: 767px){
.td_block_image_box .td-image-box-span {
width: 50%!important;
float:left!important;
padding: 2px 25px!important;
}

Thank you!

Post count: 9

Thanks for a quick reply. That worked as we needed! This only affects the image box element, and not any other image or column element, correct?

Post count: 22421

Correct. The code specifically targets the image box element.
Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.