Remove Extra Space Below Menu on Gateway Theme?

• 

  pejproducts · Member · Jul 3, 2015 at 4:14 am

  • Copy link
  • Add topic to favorites

  I am using the Gateway theme which I really like overall, but I’d like to see if I can remove the white space below the menu header and above my content. Here is my blog… http://www.pejproducts.com

  Could you please take a look?
  Thanks!
  ~Erin

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

• 

  thesacredpath · Member · Jul 3, 2015 at 6:43 am

  • Copy link

  That is top margin on the site-content div. To adjust that, add the following and adjust the 4.5em value as desired.

  .site-content {
      margin-top: 4.5em;
  }

• 

  pejproducts · Member · Jul 3, 2015 at 1:03 pm

  • Copy link

  That worked perfectly! Thanks :)
  ~Erin

• 

  pejproducts · Member · Jul 3, 2015 at 2:27 pm

  • Copy link

  One last question…

  How do I adjust the space below the page title. For example on http://pejproducts.com/where-to-buy/ …the space directly under WHERE TO BUY needs to be a little smaller.

  ~Erin

• 

  thesacredpath · Member · Jul 3, 2015 at 7:02 pm

  • Copy link

  Hi there, the following will tighten that up some. See if that is enough. To tighten things up further will require some playing around due to the way the HTML and CSS are done on Gateway.

  .page-content, .entry-content, .entry-summary {
      margin-top: 0;
  }
  .entry-header {
      margin-bottom: 0;
  }