Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 8, 2015 at 11:25 pm #392798
    andresarora

    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

    February 9, 2015 at 3:01 pm #393069
    Yigit

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.