Changing The Size of the menu

orellenbogen · March 2016

Hi,

check out my website: www.borrachos-bar.co.il - look at them menu > when hovering the links you can see that their height is too big. how do I change that? I also added a SS: http://prntscr.com/aclvly

Albert · March 2016

Hi,

to decrease menu items padding, you need to use the following css:

#Top_bar .menu > li > a { padding: 0 !important; }
#Top_bar #logo { padding: 0 !important; }
#Top_bar:not(.is-sticky) .menu > li > a span:not(.description) { padding: 30px 30px !important; }
@media only screen and (min-width: 1240px) {
    #Top_bar #logo img { margin-top: -40px !important; }
}

orellenbogen · March 2016

Thanks man !

Now, look at the logo - its been overide by the divider .. how Im adding a padding to it so it won't crush into each other? I added a SS: http://prntscr.com/aco278

Albert · March 2016

Above css was just an example so you need to use own values instead if you want to this line to be lower.

Changing The Size of the menu

Comments