My Custom Header Image Isn't Responsive?

  • I have a custom image header in my site at carapacebooks.co.uk that I designed to the size suggested (1100*200px) that looks fine in my browser but isn’t responding on mobile devices or browsers with a different resolution. I can’t see where I could have turned off responsiveness – please can you help me fix it? Thank you!

Viewing 2 replies - 16 through 17 (of 17 total)

  • This value cannot be configurable and there’s no easy way to override the mobile styling at the moment.

    Copy everything from Mantra’s style-mobile.css up to (but not including) the line
    @media (max-width: 650px) {
    to your child theme’s style.css then change 800px in the pasted content in line
    @media (max-width: 800px) {
    to the value you wish to use at triggering responsiveness.

    Thank you, appreciate the guidance.

    Still not working. My child theme style.css, with the changes suggested above, appears to be conflicting CSS generated by custom-styles.php, which is statically setting the width value for #wrapper to 1100 (based on computation of values set within the control panel).

    Suggestions? I’m happy to provide a URL if that’s helpful.

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘My Custom Header Image Isn't Responsive?’ is closed to new replies.