Navigation
Archive / Not responsive
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 10, 2016 at 8:01 pm #1210748
    ForgeMountainPhoto
    Participant

    On my home page, the first image does not adjust to screens above 1080p. On 2560 x 1440 there is a large blue area to the right of the photo. What am I missing? forgemountainphoto.com

    Thanks
    Will

    October 11, 2016 at 1:56 am #1211021
    Rupok
    Member

    Hi Will,

    It’s because the image resolution is 2048px so it won’t fit on larger screen than 2048px unless you set 100% width. You can use width: 100%; to the Style field of the image.

    You can also define this for larger screens as well by adding this under Custom > CSS in the Customizer. :

    @media only screen and (min-width: 2000px) {
.x-img {
  width: 100%;
}
}

    Hope this helps.

    October 11, 2016 at 1:58 am #1211027
    Friech
    Moderator

    Hi Will,

    Thanks for writing in! Add this width: 100%; on the STYLE field of your Image element.

    Hope it helps, Cheers!

    October 11, 2016 at 8:14 am #1211384
    ForgeMountainPhoto
    Participant

    Thanks!

    October 11, 2016 at 9:03 am #1211456
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1210748 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>