I have three images on my landing page to my site they are not behaving in a responsive manner

Hi Guys,

I am getting feedback about the three images on my home page:

Our Story
Training Services
Testimonials

they are not behaving responsively on smart phones - users are having to slide across or zoom down to see.

Can you please advise what I can do to overcome this.

Cheers,
Kelly

  • Patrick
    • Support Monkey

    Hi there @Kelly-maree

    I hope you're having a great day!

    I see you have placed those images in a table generated by TablePress. So the easiest way to fix that is to set those table cells to display inline so they get forced onto separate lines on smaller screens.

    To do that, add the following CSS:

    .tablepress tbody td {
    display:inline;
    }

    If you want that behavior on the homepage only, specify the home body class too, like so:

    .home .tablepress tbody td {
    display:inline;
    }

    You can add the CSS either to the style-sheet of your active theme, or use a handy plugin like this one for all your custom CSS needs:
    https://wordpress.org/plugins/simple-custom-css/

    I hope this helps! And thanks for being a member :slight_smile:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.