[PSGClarity]

At http://www.psgclarity.com I am running this free theme and I’m trying to figure out how to reduce the size of the white space at the very top between the top menu and the start of the content. Can I do this with the free version? If so where in the options? Thanks,

[Sakin]

@PSGClarity: You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#header-content { padding: 0; }

[PSGClarity]

That worked perfectly and was easy. Thanks very much.

[Fede1583]

Hi Sakin,
I did as you wrote however, when I checked my site with my smartphone, I saw that there still is a white space above the header.

Is it possible to get rid of that space, too?
I’d like to see the banner attached the top of the page.

[Sakin]

@Fede1583: Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 960px) {	
	.has-header-top #branding { padding-top: 42px; }
}

For more, please post in your site URL.

[Fede1583]

Hi Sakin,
thanks for your reply.
I did as you suggested but the white bar is still there. :/

Here’s the link to the site http://bit.ly/1BAudpe
(It’s just an empty blog I use to test themes and plugins)

[Sakin]

@Fede1583: Replace your current custom css
#header-content { padding: 0; }
with the following css
#header-content { display: none; }

[Fede1583]

Now it’s perfect!
Thank you Sakin!

[Author]

Posts