• Resolved kyler890

    (@kyler890)


    The header image looks great on the site and on the mobile sticky but looks squished on mobile. Perhaps I’m not using the correct dimensions. What would be the best dimensions to ensure proper view of the image?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi kyler890,
    add this to your custom css or your child-theme style.css :

    @media (max-width: 767px){
        .brand img{ height: auto !important;}
    }

    and don’t forget to clear the browser cache ??

    Better version:

    @media (max-width: 767px){
        body:not(.sticky-enabled) .brand img{ height: auto !important;}
    }

    Thread Starter kyler890

    (@kyler890)

    Thanks! That worked on our other site but isn’t on this one for some reason. When I load the page in mobile, it looks good for about 5 seconds then zooms in on the image. Is there a way to disable the resizing?

    What’s the site where you see this issue?
    About the site on which it doesn’t work, could be an issue in your css, dunno, I see you’re using autoptimize, does it cache css?

    Thread Starter kyler890

    (@kyler890)

    That was it. Thank you sir! Greatly appreciate the help

    Glad you solved kyler890
    and very very nice site! ??

    Thread Starter kyler890

    (@kyler890)

    Haha thanks. Trying to keep it “pretty” for the girlfriend

    That’s what I thought when I saw the site.. “that guy looks different on the forum”, but then I said to me .. “Must be the beard..” ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Scrunched Mobile Header’ is closed to new replies.