Hi,
I want to know how can I change the main menu style, I don´t like it and I can´t find a way to change it. What I would like is something like this: http://www.bydeluxe.com/
I would like to separate the menu links with vertical bars, and remove the horizontal bar below text when hovering. I would also like to have the menu centered.
Another question is, how can I change height of my partner/logo section? (At the bottom of my site)
Thanks in advance
Hi andresarora!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
span.avia-menu-fx {
display: none;
}
.av-main-nav > li > a > .avia-menu-text {
border-left: 1px solid #e2e2e2;
padding-left: 20px;
}
.av-main-nav > li#menu-item-16499 > a > .avia-menu-text {
border: none;
}
nav.main_menu {
left: 38%;
}
You may need to adjust left value for different screensizes to center it perfectly. Alternatively you can choose to display “Logo center, menu below” option in Enfold theme options > Header
Regards,
Yigit