How to switch off image class on small screens?

Hi Elise,

When I insert image with , and text on the right, it lookg ok on big screens. But on small screens, the text is squeezed https://ibb.co/hCGMLh5

How can I switch off class=”alignleft” on smalls creens, so that the text drops down like this? https://ibb.co/Sc9VjMJ

Can you please sugges a custom class that will switch on alignleft for large screens only?
Thanks!!!

(The page in question is in private.)

Hello,

You can use alignleft-desktop class for this image. And add the following CSS to the Custom CSS for desktop devices only

.alignleft-desktop {
    float: left;
    margin-top: 3px;
    margin-bottom: 20px;
    margin-right: 25px;
}

Kind Regards

Hi Artem, thanks for replying!

I’ve added it like this,works fine 🙂

@media only screen and (min-width: 768px) {
.iw-alignleft {
float: left;
margin-top: 3px;
margin-bottom: 20px;
margin-right: 25px;
}

Great, you are welcome! Feel free to contact us if you have any questions.

[Author]

Posts