d4ngrs d4ngrs - 1 year ago 59
CSS Question

Prevent header from getting too small

I'm coding a Website for a friend. My problem at the moment is, that I can't prevent the Header (the part with CreepGaming) from getting too small (which means, it shrinks behind my navbar).

Do you guys have any solutions for this?

HTML: http://pastebin.com/r85DvhbD
CSS: http://pastebin.com/hyvKCxWJ

Thanks for any help!

/edit: CSS-Class with the Problem:

.header {
min-height: 70%;
max-width: 90%;
color: white;
background-color: #343434;
padding-left: 3%;
border-bottom: 2px solid #ff8800;
border-radius: 0 0 20px 20px;
padding-top: 47px;
z-index: 10;

Answer Source

You should change the header padding value. b

.header{padding-top: 47px;} 

Changed it with 47px because your value in % so that will be different with different screen size.