Tagged: menu items
Hallo,
hoffe, es ist ok wenn ich auf deutsch schreibe: die Menü-Punkte in der main-navigation sollen jeweils durch einen leichten Rand getrennt werden. Weil das Logo bündig zum Menü stehen soll, und das Logo dazu noch sehr groß ist, ist der Header Bereich ziemlich groß..
Jetzt sollen die Menüpunkte in der Navigation noch durch einen Srtich/Rand jeweils getrennt werden, ich habe dies mit
.av-main-nav li {
float: left;
position: relative;
z-index: 20;
border-right: 1px solid #808080;
line-height: 15px!important;
}
versucht, aber das line-height wird nicht beachtet , aufgrund des hohen Headers ist der Rand entsprechend auch so hoch. Habt ihr da vielleicht einen Tipp, wie ich den Rand in der Höhe der Schriftart bekomme (ca.) und nicht in Höhe des Headers? URL und Screenshot anbei, eine Info wäre sehr nett, vielen Dank im voraus, Michi
Hey michi!
Thank you for using Enfold.
Can you please provide a screenshot on how you want the header to look like? Try this on Quick CSS or custom.css:
.main_menu ul:first-child > li a {
height: 20px;
line-height: 20px;
}
Best regards,
Ismael
Hey!
use this in Quick CSS:
#header_main .container, .main_menu ul:first-child > li a {
line-height: 40px;
}
.av-main-nav li {
height: 40px;
}
Best regards,
Andy
Hey Andy,
thanks a lot for your help, that works well. THANK YOU.
Best regards,
Michi