Responsive Header Fix? SNAPS Theme

  • Anyone know a fix to make the header responsive? Seems like the question keeps going on unanswered. Mine looks fine on my home and work monitors, but on phones and tablets the header image gets chopped off.

    Here is the link to the site:
    https://www.kkinnison.com/blog/

    Thanks in advance! Would REALLY love to get this working ??

Viewing 1 replies (of 1 total)

  • Yes, I am having this exact same problem.

    I switched the vale of “background-size: contain” to “background-size: 100%” and that helps, but it creates large borders or banners over the header image.

    I also tried “background-size: 100% 100%” but that stretches the background image and distorts it too much.

    I’ve tried using the @media tag, but so far, can’t figure out where to place it to make it work.

    Please help!

    Modified Snaps source files at:
    https://mikerylander.com

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Header Fix? SNAPS Theme’ is closed to new replies.