remove white space below the menu

• 

  sonyalott · Member · Jul 10, 2015 at 3:53 am

  • Copy link
  • Add topic to favorites

  Hi. I have the Apostrophe theme and would like to remove the white space between the menu and where my text begins on all of my pages. Can you help me with this? Thank you.

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

• 

  thesacredpath · Member · Jul 10, 2015 at 5:43 am

  • Copy link

  Hi there, you have used visibility: hidden; to hide the page title. That works, but it actually just makes the text invisible but leaves the div there. What we want to do is to use display: none; so that the div is not rendered by the browser at all, like this:

  .entry-title {
      display: none;
  }

• 

  sonyalott · Member · Jul 10, 2015 at 5:56 am

  • Copy link

  Thank you. That moved the text up a bit but is it possible to move it up even closer to the menu? Thanks.

• 

  thesacredpath · Member · Jul 10, 2015 at 7:49 am

  • Copy link

  You know, due to the way the HTML is structured in Apostrophe, I wouldn’t recommend messing with the location of the content. It requires some techniques that might come back and haunt us after you get some content into your pages. Personally I think the gap is about right and provides a clear separation between the menu and content.

  Once you get your content in, we can revisit this if you still feel it needs to be tightened up.

• 

  sonyalott · Member · Jul 11, 2015 at 6:02 pm

  • Copy link

  Thanks for that recommendation. I will work on adding my content now.

• 

  thesacredpath · Member · Jul 12, 2015 at 6:19 am

  • Copy link

  You are welcome, and after you get some content going, let me know if you want to make any adjustments.