[JDC]

I am trying to remove extra space in what I believe to be the masthead area.

I have the following css in the Custom CSS.

@media screen and (min-width:990px)
{#site-branding,
#masthead {
display:none;
}
}

It successfully removes all the white space above the top-line menu at larger screen sizes and allows the mobile menu icon to appear at smaller screen sizes.

What I would also like to do is reduce the height of the mobile menu icon so it only takes up the height of the icon, but I can’t figure out how to get at that element.

My test URL: http://everygoodgift.org/wptest/

[Sakin]

@JDC: You can just add the following css in “Appearance => Theme Options => Custom CSS” box:

#masthead { padding: 0; }
#site-branding, .sidebar-header-right { display: none; }

[JDC]

Thank you. That worked perfectly.

[Author]

Posts