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.
How to make image mobile responsive on dictionary pages
-
- Posts: 505
- meble kuchenne Mikołów Knurów Czechowice-Dziedzice
- Joined: Thu Oct 23, 2014 4:16 pm
- Website: apwt.realnoni.com
- NoahBaldwin
- Support Team
- Posts: 117
- Joined: Fri Jan 04, 2019 11:21 am
- Website: www.allprowebtools.com
Re: How to make image mobile responsive
You can accomplish this by going to the image properties and selecting "advanced" as shown here:
On the next screen, you will enter this into the box labeled "style":
as shown here:
On the next screen, you will enter this into the box labeled "style":
Code: Select all
display: block;max-width: 100%;height: auto;
-
- Posts: 174
- Joined: Mon Jun 01, 2015 7:55 pm
- Website: www.realnoni.com
Re: How to make image mobile responsive
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?
- NoahBaldwin
- Support Team
- Posts: 117
- Joined: Fri Jan 04, 2019 11:21 am
- Website: www.allprowebtools.com
Re: How to make image mobile responsive
Yes you can add it. Just make sure the previous code ends with a semicolon ; then paste the new code after the semicolon.