• Closed
  • Skrot Fooey
    Spectator
    25.06.2014 at 19:08 #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
    26.06.2014 at 15:04 #10089

    try this Custom CSS rule:

    Code:
    .header .container {width: 100%!important;}
    Skrot Fooey
    Spectator
    Posts: 9
    26.06.2014 at 20:55 #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
    26.06.2014 at 21:22 #10097

    use this code instead

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

    Now it looks awesome.

    Thanks!!