• Creator
    Topic
  • #8501

    Skrot Fooey
    Spectator

    Hi! I have a custom header. When I resize my browser window, the image shrinks down but it doesn’t do it well. There end up being spaces to the sides, and sometimes on top and below, depending on how much I resize the browser.

    Is there a way to make sure the image fills that space correctly without showing the background?

    The site is here: dividendsforall.net

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
Replies
  • Roman
    Keymaster
    Post count: 2588
    #10089 |

    try this Custom CSS rule:

    Code:
    .header .container {width: 100%!important;}
    Skrot Fooey
    Spectator
    Post count: 9
    #10094 |

    Thanks, that helps but still doesn’t work when I view it in a small browser window, or on my phone – I still see the banner shrink smaller than the header space.

    Roman
    Keymaster
    Post count: 2588
    #10097 |

    use this code instead

    Code:
    .header .container {width: 100%!important;padding:0!important;}
    #logo-image { margin: 0 !important;}
    Skrot Fooey
    Spectator
    Post count: 9
    #10098 |

    Now it looks awesome.

    Thanks!!

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

The topic ‘Banner image doesnt fill header space’ is closed to new replies.