Support » Theme: Baskerville » Make Header Image Responsive

  • Resolved dudmanj

    (@dudmanj)


    The header image does not size to 100% when viewed on different devices as a result there is cropping of the image.

    So how to correct this?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @dudmanj,

    The Baskerville header is set to a fixed height of 240 pixels, but the width always stretches to match the full width of the screen. Because of this, the header has a different aspect ratio on different screen sizes, which results in the background image being cropped differently depending on the size of the screen.

    I’m afraid there’s no way around this in Baskerville – at least not without you hiring a developer that changes the header to use an image with a fixed aspect ratio, which retains that aspect ratio when the screen is resized.

    — Anders

    Hi Anders,

    Thanks for confirming what I had guessed. At least I know it isn’t an easy fix.

    John

    I created a new thread under Izabel instead! This can be deleted

    • This reply was modified 1 month, 1 week ago by cardenw.
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.