[Raielene]

I wanted less space vertically around my logo and achieved this by changing the following from 50px to 10px. That works great, but only at a large size. If I go to other screen sizes (e.g.max-width: 1280px, or max-width 1024px) the padding comes back.

#hgroup-wrap,
.hentry,
.comments-area article {
padding-bottom: 10px;

}
#site-logo,
#hgroup,
.header-sidebar,
#supplementary,
#main {
padding-top: 10px;
}

I’ve tried putting the above code in a @media screen area (all in my child theme, of course) but it doesn’t do anything. I can’t figure out why that spacing is different at the different sizes and why I can’t edit them.

[Mahesh]

Hi @Raielene,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

#hgroup, 
#header-right.header-sidebar {
    padding-top: 10px;
}

#hgroup-wrap {
    padding-bottom: 10px;
}

@media screen and (max-width: 960px){
    #hgroup-wrap {
        padding-top: 10px;
    }
}

Regards,
Mahesh

[Raielene]

No luck. Nothing changes.

[Mahesh]

Hi @Raielene,

Please post in your site url.

Regards,
Mahesh

[Author]

Posts