How to make the space between header and text smaller?

• 

  erinaki2013 · Member · Jul 11, 2016 at 8:27 am

  • Copy link
  • Add topic to favorites

  Hi!

  I need help to make the headers disappear (e.i News do not need to be shown after clicking the “News” in the menu.

  I also need help to costumize the space between the homepagename “Sandra Törnroth + slogan” on the homepage. I have a picture I want to show off better.

  Is it possible to do so in the CSS? (I use the Obsidian theme)

  /Sandra

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

• 

  hallluke · Member · Jul 11, 2016 at 12:34 pm

  • Copy link

  Do you mean you want “News” not to appear in the menu when you’re on that page? This might be possible but most people expect the menu to have the same layout from one page to the next on your site. You run the risk of confusing people if they think they know where they’re clicking but then it’s re-arranged slightly depending on which page they’re currently viewing.

  To change the gap between the title and tag line on the home page you can use this:

  body.home .site-title {
  	margin-bottom: 30px;
  }

• 

  erinaki2013 · Member · Jul 11, 2016 at 12:37 pm

  • Copy link

  Hi!

  No the menu shall remain as it is. I just wanted the spacing to be smaller between the menu and the “text”. I think I solved the “problem” by:

  .full-screen-header .site-header,
  .full-screen-header.admin-bar .site-header,
  .full-screen-header.has-cuebar.site-header,
  .full-screen-header.has-cuebar.admin-bar .site-header,
  .full-screen-header.has-playbar.site-header,
  .full-screen-header.has-playbar.admin-bar .site-header {
    min-height: 0;
    padding-bottom: 2.5em;
    padding-top: 6.25em;
  }

  Thank you!

  /S

• 

  hallluke · Member · Jul 11, 2016 at 12:50 pm

  • Copy link

  You should be able to move everything else up closer to the main menu with this:

  .site-header {
  	padding-top: 4em;
  }