• Creator
    Topic
  • #8501

    Skrot Fooey
    Spectator
    Been thanked: 0 times

    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: 2538
    Been thanked: 29 times
    #10089 |

    try this Custom CSS rule:

    Code:
    .header .container {width: 100%!important;}
    Skrot Fooey
    Spectator
    Post count: 9
    Been thanked: 0 times
    #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: 2538
    Been thanked: 29 times
    #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
    Been thanked: 0 times
    #10098 |

    Now it looks awesome.

    Thanks!!

Viewing 4 replies - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.