0 top-padding for top

Comments

• Albert

  September 2016

  Hi,
  
  please show us on screenshot what exactly you want to do + send us link to page where want do this.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• swips

  September 2016 edited September 2016

  Hello,
  unfortunately I can not provide you link. web-site not released yet for external network.
  Here is screenshot:
  http://tinypic.com/r/e00fub/9
  It is visible that padding for static menu has several pixels more and shifted a little bit down comparing to sticky mode menu where I was able to put logo in the middle.
  My goal is to have completely same menus in both modes - same size of logo image and position padding to top edge.
  Here is last version of custom CSS:
  /*---------------------------------------- TOP-MENU -----------------------------------------------*/
  /* Top Bar In Static Mode*/
  #Top_bar {height:55px !important;}
  #Top_bar .logo { margin: 0 !important; }
  #Top_bar .menu > li > a { padding: 0 !important; }
  #Top_bar .menu_wrapper { margin-top: 0 !important; }
  #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { padding: 0 !important; }
  #Top_bar #logo img {min-height: 45px !important;max-height: 45px !important;}
  
  /* Top Bar In Sticky Mode*/
  #Top_bar.is-sticky { height:55px; }
  #Top_bar.is-sticky #logo img {min-height: 45px;max-height: 45px;padding-top: 4px; padding-bottom: 3px;}
  #Top_bar.is-sticky #logo {height:: 50px;}
  
  Regards,
  Nikolay
  
  
• swips

  September 2016

  I have also tried now with Layout-Style:"Fixed" and no sticky menu.
  And with this CSS:
  /* Top Bar In Static Mode*/
  #Top_bar {height:50px !important;}
  #Top_bar .menu > li > a { padding: 0 !important; }
  #Top_bar .menu_wrapper { margin-top: 0 !important; }
  #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { padding: 0 !important; }
  
  Still there's space before logo image:
  http://i66.tinypic.com/w6wawk.png
  
  Regards,
  Nikolay
  
  
  
• Albert

  September 2016

  Send us link when your site would be online then because url is necessary.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• swips

  September 2016

  I have resolved it by myself. After check in code inspector I found that ther're 2 parameters which should be decreased to size of logo.
  
  #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
  padding: 0 !important;
  height: 46px;
  line-height: 46px;
  }
  
  now ther's no additional space between edge and logo image.
  Thank you anyway.
  
  Regards,
  Nikolay