• 0

How to remove various spaces around header/slider and menu areas.


Question

Posted · Report post

HI i need to be able to remove or control the 3 space shown by the arrows. I've tried following a  few posts and their fixes but it didnt work for  me. Would really appreciate some help.

 

 

THANK YOU 

 

zanstudios.com

 

fix-top.jpg

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

That did it! Thank you so much ! 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, try this and see if it helps.
 
.content-pad {
    padding: 0px;
}
 
 

 

4drqP4k.png

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Nope it didn't do anything :(

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

You will need to add the following code and also increase the width of your Branding image, as it is now no longer wide enough to fill the area.

 

#site #branding .content-pad {
padding: 0;
}

#site #feature {
margin: 0;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Great!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now