Header image resizing for mobile

  • en13gw

    (@en13gw)


    9 years ago

    Hello,

    My header image (so not the logo at the top of the page, but the first, large image under the navigation) has text in it; a title and a caption (done in appearance>customise>header image).

    Although this fits well on a pc/laptop screen, the image gets too small for the text on a mobile device: the text is visible outside the image.

    The only way I can get it to look okay on mobile is by changing the size of the header image. I now have a massive header image that looks okay on mobile, but oddly large on desktop (see en13gw.leedsnewmedia.net).

    Is there a way to solve this and make it more responsive somehow?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • jarektheme

    (@jarektheme)

    9 years ago

    Hi there,

    Have you tried to play with small font-size on mobile and a bit larger on desktop?
    Unfortunately there is a lot of text and on mobile it’s hard to fit this to your image.

    Hope that helps. Feel free to reach out if you need anything.

    Best,
    Jarek
    Kale Support

    Theme Author lyrathemes

    (@lyrathemes)

    9 years ago

    Just wanted to drop in and say that this is one of the very innovative ways I’ve seen our theme being used! Great work so far 😀

    Thread Starter en13gw

    (@en13gw)

    9 years ago

    Thanks Jarek. I’m not actually sure where to change the mobile settings as WP automatically adjusts for mobile devices, but if I have the time (project is due tomorrow, lol) I will have a go at it.

    Ahh thannks lyrathemes, that’s great to hear!

    Theme Author lyrathemes

    (@lyrathemes)

    9 years ago

    @en13gw Can you show us a mockup of how you prefer to show it on desktop and mobile? We can make recommendations accordingly.

Viewing 4 replies - 1 through 4 (of 4 total)

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