header image too small on mobile format

  • Resolved Fit4lyph

    (@fit4lyph)


    10 years, 1 month ago

    I don’t like how much it resizes on mobile format. If I am understanding the code correctly there is 1 media query for screen sizes below 600 or whatever. Is there a way to let it resize down to a certain size, like a minimum size and not let it get any smaller after that?
    Thanks!
    Ps. New update works great!

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

  • You can use css.
    ex: #header img{max-width: 100%; min-width: 50%, 70%…certain size}
    Hope can help you !

    Thread Starter Fit4lyph

    (@fit4lyph)

    I don’t see the header called out in the css of the theme under the media query for the mobile viewing. That didn’t work.

    Theme Author Chrisdc1

    (@chrisdc1)

    Hello, It would be possible to have an image wider than the rest of the page, but I’m not sure it would work well. If possible can you post a screenshot at a narrow width so I can get a better idea what you’re trying to achieve.

    Thread Starter Fit4lyph

    (@fit4lyph)

    Ok I think it may be easier to set a seperate image for the media query. Can I just do that in the child theme?

    Theme Author Chrisdc1

    (@chrisdc1)

    Hello, it would probably be possible, but you might have to hard code the images in the header as it’s not something WordPress supports by default. Sorry I’m not being more help, but I’m still not entirely sure what you’re aiming for. Do you want the header image to be wider than the screen on small screens?

    Theme Author Chrisdc1

    (@chrisdc1)

    EDIT: Sorry, seem to have managed to double post.

    Thread Starter Fit4lyph

    (@fit4lyph)

    Ok what I ended up doing is changing to header size since my header is really only 300 px wide, thanks for all the help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘header image too small on mobile format’ is closed to new replies.