Issue with header image

  • Resolved Lethal83

    (@lethal83)


    6 years, 5 months ago

    Hi all
    im trying to help out a friend.
    On the site everything seems to be responsive on mobile devices with the exception of the header image. Unfortunately she has purchased her image that contains text in it so i just need it to scale down to fit on a mobile device but i just cant get it to happen.
    Any help would be greatly appreciated

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Jarret

    (@jarretc)

    6 years, 5 months ago

    Hi, looks like you aren’t using the Storefront theme any longer. However, for a fix for the current theme on the site you can use this

    @media screen and (max-width: 650px) {
	.header .site-header-bg-wrap .background-effect {
		background-size: contain;
	}
}

    However it does cause some of the header background to show due to it making the image not as tall.

    Stuart Duff – a11n

    (@stuartduff)

    Automattic Happiness Engineer

    6 years, 4 months ago

    Hey @lethal83,

    I’ve noticed you’re no longer using the Storefront theme on your referenced site, so I’m going to mark this as resolved – if you have any further questions, you can reopen it again if you need be.

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

The topic ‘Issue with header image’ is closed to new replies.