1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Responsive Images on Pages

Discussion in 'Styling and Customization Questions' started by jim83, Aug 25, 2016.

  1. jim83

    jim83 Member

    I have a quick question.

    I've created some HTML tables within my custom node pages. In one of the table cells, I have an image. I must note here that the image has been manually uploaded to a custom directory via FTP and is NOT a forum attachment.

    I think I need to add the following code to the <head> of my Pages so that on mobile devices, the image inside the table scales a little better....

    img {
      width: 100%;
      height: auto;
    I BELIEVE this is how it should be done. I have a feeling I may need to possibly create a custom hook? Could someone please help me with this? Thanks!
  2. jim83

    jim83 Member

    You know what, I'm an idiot...

    I set the width to 100% like this:
    ...image.jpg" width="100%">
    and that solved the problem.

    Sorry, I guess you could probably delete this thread...

Share This Page