Menu bar height

Comments

• Albert

  November 2016

  Hi Tobias,
  
  to decrease top bar height, you need to use the following css:

  #Top_bar .menu > li > a { padding: 20px 0 !important; }
  #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { height: 0 !important; line-height: 0 !important; }

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

  November 2016 edited November 2016

  Hi,

  
  

  I want to make a menu bar height smaller, too.

  Can you pls advice me how to do it ?

  
  

  bonus question is How to reduce height of footer ?

  
  

  Thanks, Rudolf

  
  

  http://www.ledap.eu/
  
• Albert

  November 2016

  To decrease header's height, you need to use the following custom css:

  body:not(.template-slider) #Header { min-height: 110px !important; }

  But to reduce footer height, please use:

  #Footer .footer_copy .one {
      margin-bottom: 5px;
      padding-top: 15px;
  }

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

  November 2016

  Great ! After many tries I found that CSS edit works ! Maybe it is because I set PHP from 5.2 to 5.3 and reinstalled the BeTheme...

  Now it works perfect ! Thanks !

  Can you pls help me with menu ? When I change size of browser smaller, then the menu skip down to content field.. How can I set it to stay in the menu bar, please ?
• Albert

  November 2016

  It jumps under the top bar because there is not enough space on smaller screens to keep regular menu instead of mobile. We suggest to switch to mobile menu on smaller devices under Theme options > Responsive section using Responsive Menu Initial Width option.
  

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