Header image not resizing on mobile

  • jomcd40

    (@jomcd40)


    8 years, 11 months ago

    Hi all,

    I cant figure out how to make the featured image / hero image look good on all screen sizes. Some are ok on PC but terrible on mobile view, and vise versa. Also the hero text doesn’t fit on my mobile view (iPhone 5) which is really annoying!

    The site is http://www.box2beat.co.uk and my particular problem pages are the home page, disability training and personal training. The nature of the photos in the other pages mean I can get away it however it resizes.

    I have pics to illustrate the issue but cant figure out how to post them here… sorry

    Any thoughts? Maybe there’s some CSS that will work?

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 11 months ago

    The reason it doesn’t resize that way is because there will be a gap underneath the image, as so:
    Example of image resized in proportion.

    • This reply was modified 8 years, 11 months ago by Andrew Nevins.
    • This reply was modified 8 years, 11 months ago by Andrew Nevins.
Viewing 1 replies (of 1 total)

The topic ‘Header image not resizing on mobile’ is closed to new replies.