• Closed
  • Skrot Fooey
    Spectator
    June 25, 2014 at 7:08 pm #8501

    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!

    Roman
    Spectator
    Posts: 3147
    June 26, 2014 at 3:04 pm #10089

    try this Custom CSS rule:

    Code:
    .header .container {width: 100%!important;}
    Skrot Fooey
    Spectator
    Posts: 9
    June 26, 2014 at 8:55 pm #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
    Spectator
    Posts: 3147
    June 26, 2014 at 9:22 pm #10097

    use this code instead

    Code:
    .header .container {width: 100%!important;padding:0!important;}
    #logo-image { margin: 0 !important;}
    Skrot Fooey
    Spectator
    Posts: 9
    June 26, 2014 at 9:43 pm #10098

    Now it looks awesome.

    Thanks!!