Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 14, 2018 at 12:21 am #941763
    rinviz

    I have images across the page when I the page on the screen width reduces it does not reduce the image sizes. All it does is flip a image below another leaving a white space to the left.

    The images do not start to shrink until the screen width is less than the image size.

    I have looked at other websites and the images shrink across the page until a certain width is reached.

    Please help because this is annoying.

    April 14, 2018 at 12:22 am #941764
    rinviz

    Sorry I should have said white space to the right as I have the images left aligned.

    April 14, 2018 at 7:44 am #941849
    Rikard

    Hi,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 14, 2018 at 8:22 am #941856
    rinviz

    Thanks

    https://www.naturalstonetiles.com.au/travertine-tiles/

    April 14, 2018 at 3:03 pm #941928
    Rikard

    Hi,

    Thanks for that, so the problem is that the columns containing tiles is not responding correctly, right? If so, how exactly did you add that? It looks like you have added it in a table?

    Best regards,
    Rikard

    April 23, 2018 at 8:17 am #945289
    rinviz

    Sorry I didn’t think that being in a table made any difference,
    Here is a page that the images are not in a table.

    https://www.naturalstonetiles.com.au/bluestone-tiles/

    April 24, 2018 at 8:22 am #945728
    Ismael

    Hi,

    Did you use the default WP gallery? Please try to use one of the theme’s gallery in the advance layout builder > media elements panel. Or add these codes on the Quick CSS field.

    div .wp-caption {
    width: 32% !important;
}

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  div .wp-caption {
    width: 48% !important;
  }
}

@media only screen and (max-width: 479px) {
  /* Add your Mobile Styles here */
  div .wp-caption {
    width: 100% !important;
    margin: 0;
    float: none;
  }
}

    Best regards,
    Ismael

    April 25, 2018 at 4:17 am #946370
    rinviz

    That is great Ismael. The images are shrinking. I do not use the gallery so I used the css code. I had to adjust the caption percentage to get my 4 images across. The only problem is is that the caption text does not shrink so it starts wrapping around and displacing all the images.

    Also for some reason the images do not shrink on my front page for some reason.

    Would using the gallery alleviate all this?

    Thanks Lots

    April 27, 2018 at 4:46 am #947590
    Ismael

    Hi,

    Yes, you wouldn’t have this problem with the theme’s gallery. It is much more responsive. Please let us know if you need more assistance.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.