How to decrease header size

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    You need to edit the style.css file of your theme and change the header height settings from there.

    Thanks,

    Shane G.

    Thread Starter mtbmtb

    (@mtbmtb)

    Hi,

    That’s what I thought to, but I just can’t seem to find the right settings, I want the black header to become smaller and grey navigation bar to become narrower,

    Could you let me know which settings to change?

    THANKS

    padding-top in here has some influence on the header height:

    /*navigation pages*/
.nav_wrapper{
position: relative;
height:36px;
padding-top:125px;
z-index: 6;
}

    padding in here has some influence on nav height:

    #catnav li a{
display:block;
float:left;
padding:10px 10px 0px 10px;
width:114px;
border: none;
text-decoration: none;
line-height: 17px;
outline: none;
min-height:30px;
}

    you need to adjust top:57px; for any changes made in the style before:

    #top #catnav ul {
display:none;
position:absolute;
top:57px;
width:172px;
left:-2px;
}

    these styles should give you enough starting points for editing your header heights.

    Hi All,

    I am using “Zombie Apocalypse” theme for my WordPress site .I need to decrease the Header size, and change the back groung colour of the total page from balck to white, have tried from my end but no luck.

    could any one of you suggest how to do it the style.css file is a bit confusing.
    here the site https://www.greatap.com.

    waiting for your reply pls.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to decrease header size’ is closed to new replies.