reducing space between page content and menu

• 

  raab20000 · Member · Oct 17, 2013 at 7:37 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  Hope someone can help as I’m a novice.

  I wanted to stop the title of the page appearing on the actual content section below the menu bar. I realise I could delete this but then there’s a big gap between the menu and text. I wanted to close the gap in any case. Could someone help?

  Much appreciated

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

• 

  thesacredpath · Member · Oct 17, 2013 at 7:59 pm

  • Copy link

  Hi there, the following CSS will hide the titles on static pages. Go to Appearance > Customize > CSS, clear the informational text and paste the following into the CSS window. If you are happy with the change, click save down on the right.

  .singular.page .entry-header {
  display: none;
  }

  If you wish to move the content up closer to the header, add the following also, and adjust the 3.5em top padding value as desired. If you take it to 0, use 0 only, no units (em).

  .singular.page .hentry {
  padding-top: 3.5em;
  }

  If that isn’t close enough, add the following and adjust the top padding there.

  .singular.page #main {
  padding-top: 1.625em;
  }

• 

  raab20000 · Member · Oct 17, 2013 at 8:04 pm

  • Copy link

  thank you so much, absolute hero

• 

  thesacredpath · Member · Oct 17, 2013 at 9:18 pm

  • Copy link

  You are most welcome.