Removing white padding

• 

  colleenwillisphoto · Member · Aug 6, 2018 at 2:04 pm

  • Copy link
  • Add topic to favorites

  Hello
  Please can you try and help me.
  I am trying to remove the excess white padding on my Homepage, specifically around the menu. I have searched and tried various bits of CSS from online but nothing seems to work. My website is responsive so I would like to do this for mobile viewing as well.
  Thank you in advance
  Colleen

  The blog I need help with is: (visible only to logged in users)

• 

  dkmyta · Member · Aug 6, 2018 at 6:41 pm

  • Copy link

  Hello there,

  You can remove some of the excess white below your main menu with the following CSS:

  .site-content {
      margin-top: 40px;
  }
  

  You can then remove some of the excess white from above your main menu with this CSS:

  .site-branding {
      padding: 0px;
  }
  

  Let me know if that works for you and if there is anywhere else in particular you are interested in removing white space from.

  Hope this helps,

  Cheers

• 

  staff-zinnia · Staff · Aug 6, 2018 at 11:26 pm

  • Copy link

  Howdy folks –

  codekmyta, thanks for sharing the CSS and helping us out here. Much appreciated!

  colleenwillisphoto, don’t forget about using live chat support for help. The business plan on your account gives priority live chat support 7 days a week. Just head over to https://wordpress.com/help/contact/ to get started. Of course, we are more than happy to help you here in our community forums but being asynchronous by nature is that it takes longer than using live chat.

• 

  colleenwillisphoto · Member · Aug 14, 2018 at 6:53 pm

  • Copy link

  @codekmyta – Thank you that worked.

  staff-zinnia – Thank you I will do that in future.

  Much appreciated!!