Images in table not reformatting to fit on mobile site.

  • Author
  • #2816229


    Hi there,

    I am trying to create a page that has images linking to categories. In order to get the images to stay in a regular pattern, I have put them into a table. The only problem is when I visit the page on my mobile, the images stay in the table instead of moving down the page to fit.

    The blog I need help with is


    Hi there, tables do not play well with responsive designed themes, such as Gather. The table will always stay 3 columns. We can get things to adjust, but the images would be very tiny on a smaller phone in portrait orientation and virtually impossible to tap on.

    What I would suggest is that you edit that page, remove the table and reinsert your images singly and switch to the Text tab and add a CSS class to each of the image HTML tags, similar to this:
    <img class="my-svc alignnone wp-image-..."
    What I added was the my-svc class.

    Also, surround all the content within a div with a CSS class like this.

    <div class="my-container">
    All your image code here

    Let me know when you have that done and I can work on getting things into columns and include the Media Queries necessary to get it to work on all size screens. What I will do is display 3 columns on wider screens, then drop to 2 when it looks like things are getting crowded, and then finally to 1 column on smaller screens (phones and small tablets).



    Thank you so much for your help. I will try the above and get back to you.


    You are welcome.

The topic ‘Images in table not reformatting to fit on mobile site.’ is closed to new replies.