Image box doesn't adjust its size to mobile

Posted in: Newspaper
Post count: 72
emmalabbe
#242399
Jul 5, 2018 at 1:28 am

Hi, I used the image box element to customize sidebars on several pages like this one: https://devenirbilingue.com/apprendre-une-langue/anglais/applications-pour-apprendre-une-langue/ I chose the image height for each device when I built the page with TagDiv composer, however I can’t get the entire image on mobile. Depending on the mobile screen, the sidebar images are cut differently, but they never appears entirely. Do you know if I could get those image boxes nice on mobile?
Thank you.

Post count: 20688
Simion C.
#242484
Jul 5, 2018 at 12:10 pm

Hi,

That element may not be the best to use in this situation. Maybe a single image element would be better. I tried a direct comparison between the image box and single image with the image you use, on mobile
– https://www.screencast.com/t/jPXq48B2icO
The single image displays it better, also it has a link setting.
On desktop – https://www.screencast.com/t/c871DKsJf

I could give you a code solution to make the image box display it better
– https://www.screencast.com/t/Zbd9D2PrSU
The code can be entered in Theme panel->Custom CSS section.
But this code solution may cause problems with other image boxes maybe, you can try it if you want to use the image box further

.td_block_image_box .td-custom-image a {
background-size: contain;
background-repeat: no-repeat;
}

Thanks

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