Stretch Header Image

  • Resolved AZBros

    (@azbros)


    8 years, 10 months ago

    Hi,
    I want to use a wide banner image on my site. When I set the header image, there are two large areas of blank space on either side (when viewed on a desktop). Is there a way to have the banner image stretch the entire width of the page? I’m sure it’s a simple CSS edit, but I’m just learning how to edit code. Any assistance would be greatly appreciated. Thank you!

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

  • Hi AZBros. Welcome to the Hueman forum. Can you post a link to your site? That would help us to your configuration. Thanks.

    Thread Starter AZBros

    (@azbros)

    I’m still working on it locally. Would a screenshot help?

    Edit: Here’s a screen grab… https://imgur.com/BCqA1j2

    The area I’m talking about would be the two dark gray spaces on the right and left of the banner, above the red colored header menu. I set the image size to the recommended size, but those boxes still show up. I’d just like to have the image automatically stretch to fill the entire top of the page.

    If you have Customize > Global settings > General Design Options > Boxed Layout enabled, try disabling it.

    Thread Starter AZBros

    (@azbros)

    Okay, I think I got it fixed. I increased the width of my header image to 1920px and didn’t crop it when selecting it in the theme customizer. So far it seems fine, looks like I didn’t have to edit any code afterall. Hopefully the above solution will help anyone else having a similar issue.

    Also, thanks for your time anyhow, bdbrown, I really appreciate you looking into my issue and responding. I’ve got many other questions I’ll be posting on the forum. This is my favorite theme by a landslide, I’m just hoping to make a few more minor tweaks to make it perfect for my site.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Stretch Header Image’ is closed to new replies.