Removing Black Header Bar At Top Of Page

[Charlie Bullock]

Hello,

Two questions:

1)How would I remove the back header bar that can be seen at the top of my website.

2) On the homepage, how would I remove the gap inbetween the header and the picture below. I would like the picture to start at the very top of the screen.

Kind regards and thanks in advance,

Charlie

[Bill Robbins]

Good Morning Charlie,

You can do both of those things. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   #header {
   	display: none;
   }
   
   .page-template-page-home-template-php .wrap {
   	margin: 0;
   	padding: 0;
   }
   
   .home-page-block {
   	margin-top: 0;
   }
   

3. Update your settings.

I believe that will remove the black header bar and also move your content to the top of the browser. Let me know if you have any trouble.

Thanks,
Bill

[Charlie Bullock]

Brilliant, really appreciate your prompt help Bill! 🙂

[Bill Robbins]

Anytime Charlie. Have a great week 🙂

[Author]

Posts