Hi,
I have trouble about sidebar photo widget, it is not responsive style and size is changed according to screen size which really make them unaligned.
Full screen https://ibb.co/F719CD1
ipad screen https://ibb.co/k21q2qx
mobile version https://ibb.co/SBQqFv6
Do we have any solution to make the picture on sidebar widget become responsive style.
Hello Anamaria,
What I mean is I would like to use the tagDiv[image box] on the right sidebar as shown on the attached images previously.
But the problem is the composition and size of the attached image was not cropped proportionally as you can see.
The image box shown on mobile version / ipad version / desktop version are totally different.
picture >
Hello,
That element is responsive, but you want to have an image with a height and width fixed, so if you want you can add with tagDiv Composer => https://www.screencast.com/t/vpTod4Pb an element where you can set the height and width like this https://we.tl/t-jrGxfNkvMR
With tagDiv Composer, you can create the sidebar => https://www.youtube.com/watch?v=fa7GenCHcBU the sidebar created in the widget is an “outdated” method.
Hope this helps you!
Thank you!
Hello,
Maybe is a solution for what you want, when you set the image box in widgets, add it an extra class => https://www.screencast.com/t/pT32zX6vq for example, I set “td-try”, and after you need to add this code in Theme Panel -> Custom Code -> Advanced CSS for each port and set the height, so that the whole image is displayed => https://www.screencast.com/t/UC3SEKe3ND
.td-try.td_block_image_box .td-big-image .td-custom-image a {
height: 180px;
}
Hope this helps you!
Thank you!