How to reduce size of header Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    How to reduce size of header

    jkh
    jkh
    Forumember


    Posts : 643
    Reputation : 17
    Language : english

    How to reduce size of header Empty How to reduce size of header

    Post by jkh Mon 24 Aug 2015 - 16:33

    Hi

    Is there way of ensuring the forum header can automatically reduce in size when the actual forum is reduced in size?

    For instance, if I make my forum smaller the header stays the same size and looks silly....so I'd like the header to reduce in size too. Is that possible please?

    http://jillhavern.forumotion.net/

    Klemen
    Klemen
    Forumember


    Male Posts : 292
    Reputation : 32
    Language : English, German, Slovene

    How to reduce size of header Empty Re: How to reduce size of header

    Post by Klemen Mon 24 Aug 2015 - 17:56

    The header does automatically adjust with the rest of the forum width, what doesn't adjust is the image in your header.

    To make the image re-size put this in your CSS:

    Code:
    #logo img {
        width: 100%;
    }

    And adjust the percentage accordingly.

    If you want you can also use this:
    Code:
    #logo img {
        width: 100%;
        max-width: 800px;
    }

    Where you can adjust the max-width value, which prevents the image from stretching too much and making it blurry.
    jkh
    jkh
    Forumember


    Posts : 643
    Reputation : 17
    Language : english

    How to reduce size of header Empty Re: How to reduce size of header

    Post by jkh Mon 24 Aug 2015 - 18:00

    Excellent, thank you very much!