Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 5, 2016 at 1:15 pm #682117
    Stef

    Hello,

    I would like to change the following things about my main menu:
    1. How do I align my main menu to the same line as the bottom of my logo-picture?
    2. How do I increase the height + change the colour of the line underneath a menu-item? The line that appears on mouse-over/ stays on click.

    Also I would like to achieve the following with my sidebar menu:
    3. How do I add fine lines between the several menu items?
    4. How can I have a visually separating line between the sidebar menu und other widgets following underneath?
    5. Is it possible to change the appearance (color, size) of the sidebar menu WITHOUT changing the appearance of the items in the horizontal menu (drop down on mouse-over) at the same time = have them look differently?

    Thanks!

    September 7, 2016 at 3:45 pm #683212
    Yigit

    Hey Stef,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #header.header-scrolled .av-main-nav > li > a > .avia-menu-text {
    top: 0;
}

#top #header .av-main-nav > li > a > .avia-menu-text {
    top: 20px;
    position: relative;
}
.avia-menu-fx {
    height: 5px;
    background: orange!important;
}
.widget_nav_menu a {
    border-top: 1px solid #e2e2e2;
}
div .widget_nav_menu {
    border-bottom: 1px solid #e2e2e2;
}
.widget_nav_menu a {
    font-size: 19px !important;
    color: orange!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

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