Header Image Doesn’t Show On Mobile

  • Conor

    (@jrocbaby)


    1 month, 1 week ago

    Hi,

    I’m designing a very simple website to navigate users to our other websites. The header is a very simple row, with the site logo block on one side and the navigation block on the other,

    When viewing the website on the mobile viewport, or shrinking it down on desktop, the header image disappears. I have tried using the image block instead of the site logo block, but i get the same result.

    I have all plugins disabled, has not fixed the issue.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Carolina Nymark

    (@poena)

    4 weeks, 1 day ago

    Hi
    When I view the site that you linked, I see that the right and left padding on your header is 20em, no matter what the browser width is.
    So on small screens, this padding is too large and the image does not fit.

    I recommend resetting the left and right padding to the theme default. Only reset the padding on the group that is inside the header template part.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.