Navigation
Archive / Resizable Page Header Images
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 21, 2016 at 3:31 am #1052139
    cboyle
    Participant

    Hello,

    I’ve been struggling for some time now to get ‘banner’ images to resize properly across different displays. I’m creating different pages for different devices using the show/hide feater based on desktop/laptop/mobile etc, which works really well. However, while I can get the image to be positioned correctly on the desktop, when viewing the same image on my MacBook Pro, the image doesn’t fit properly and has gaps both above and beneath the image. This has been driving me absolutely crazy!! If possible can anyone provide a comprehensive guide on image ‘sizing’.

    June 21, 2016 at 3:55 am #1052175
    Christian
    Moderator

    Hey there,

    Your image might be smaller than your MacBook’s resolution. Please use a higher resolution image. Also, use an image that is the same aspect ratio as your screen.

    Thanks.

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