Page 1 of 1

How to make image mobile responsive on dictionary pages

Posted: Wed Apr 21, 2021 5:50 pm
by Lfrailey173
Hi!
Where do I make an image on a dictionary term responsive for mobile? I'm unable to find the area to mark it responsive so they image doesn't completely distort for those customers using mobile. In editing a blog we have the "responsive" box to tick but I'm unable to find this for any dictionary term.

Re: How to make image mobile responsive

Posted: Thu Apr 22, 2021 5:19 am
by NoahBaldwin
You can accomplish this by going to the image properties and selecting "advanced" as shown here:
image-advanced1.jpg
image-advanced1.jpg (42.07 KiB) Viewed 1923 times
On the next screen, you will enter this into the box labeled "style":

Code: Select all

display: block;max-width: 100%;height: auto;
as shown here:
image-advanced2.jpg
image-advanced2.jpg (38.47 KiB) Viewed 1923 times

Re: How to make image mobile responsive

Posted: Thu Apr 22, 2021 5:21 pm
by Steve173
what if there is already code in the "style" box? Do we just add "display: block;max-width: 100%;height: auto;" after the code that's there?

Re: How to make image mobile responsive

Posted: Fri Apr 23, 2021 1:56 am
by NoahBaldwin
Yes you can add it. Just make sure the previous code ends with a semicolon ; then paste the new code after the semicolon.