How to reduce size of header

Go down

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

Post by jkh on Mon Aug 24, 2015 3:33 pm

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/

jkh
jkh
Forumember

Posts : 436
Reputation : 15
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

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

Post by Klemen on Mon Aug 24, 2015 4:56 pm

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.
Klemen
Klemen
Forumember

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

http://www.bannedbrotherhood.com

Back to top Go down

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

Post by jkh on Mon Aug 24, 2015 5:00 pm

Excellent, thank you very much!
jkh
jkh
Forumember

Posts : 436
Reputation : 15
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum