Reduce the distance between menu bar and other elements

• 

  sindicatosiep · Member · May 28, 2015 at 7:19 pm

  • Copy link
  • Add topic to favorites

  Hello. I need to reduce the distance between menu bar and the rest of the elements (images in main page, widgets in side bar, entries in different pages…). Which is the css code that I need (in main page and in the rest of the pages)? Thank you very much.

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

• 

  thesacredpath · Member · May 28, 2015 at 10:07 pm

  • Copy link

  Hi there, There isn’t much space there now, but if you wish to tighten that up, add the following and adjust the top padding value.

  #wrap {
      padding-top: 1.5em;
  }

• 

  sindicatosiep · Member · Jun 3, 2015 at 12:19 pm

  • Copy link

  Thanks!

• 

  thesacredpath · Member · Jun 3, 2015 at 4:31 pm

  • Copy link

  You are welcome.

• 

  thesacredpath · Member · Jun 3, 2015 at 5:26 pm

  • Copy link

  Hi, you can give the following a try. You will have to find an icon image and upload it to your media library and then replace URL_OF_IMAGE between the quote marks with the URL of that image. There may be additional adjustments necessary depending on the image and its size. I included a background size, height and width declarations in case you need them.

  #mobile-toggle span {
      display: none;
  }
  #mobile-toggle {
      background: url('URL_OF_IMAGE') no-repeat scroll center center #fff;
      background-size: 80%;
      height: 20px;
      width: 20px;
  }