Menu bar height

Hi all,

I'd like to change the height of my menu bar? Website is www.stoppapp.de. Any ideas?

Thanks & Best Regards
Tobias

Comments

  • 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; }
  • 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

  • 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;
    }
  • 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 ?
  • 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.
Sign In or Register to comment.