This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Front page resize issue

Viewing 1 replies (of 1 total)
  • Author
    Replies
  • #26007
    Jason Bobich
    Keymaster

    Hi,

    It’s because you’re using such small images there, about 300px wide. Since the viewport you’re showing in the screenshot is larger than that, you get an image that is displayed smaller than the viewport.

    1. You can either use a larger image (which will result in a heavier image that needs to be loaded).

    2. Or you can force the image to be 100% width, using CSS (which will result in lost of quality of the image).

    @media( max-width: 767px ) {
      .tb-image-box img {
        min-width: 100%;
      }
    }

    3. Or, maybe just center the images and add some spacing, using CSS.

    @media( max-width: 767px ) {
      .tb-image-box {
        text-align: center;
      }
      .tb-image-box img {
        margin: 30px 0;
      }
    }
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.