Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 28, 2015 at 11:57 pm #526461
    naz_irina

    hi,
    I would to do the next:
    1. Fist level main menu: On hover to add the border-top of 3px in red instead of the border-bottom.
    2. Second level main menu: On hover no fat border-top on the drop-down menu. Just the same grace fin border as other sides.
    3. when the first or second level active – to have the red top-border for the first level item, and grace background for the second level item.

    I can not find the right classes fot it. Could you help, please.

    • This topic was modified 9 years ago by naz_irina.
    October 29, 2015 at 3:08 pm #526818
    Ismael

    Hey naz_irina!

    Thank you for using Enfold.

    1.) Try this in the Quick CSS field:

    .av-main-nav > li:hover a .avia-menu-text {
    position: relative;
    top: -3px;
}

.av-main-nav > li:hover a {
    border-top: 3px solid red;
}

    2.) Modify the Main Menu sublevel Links in the Enfold > Advanced Styling panel.

    3.) Use the .current-menu-item or the .current_page_parent selector.

    Best regards,
    Ismael

    October 29, 2015 at 11:53 pm #527220
    naz_irina

    thank you

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘main menu – enfold’ is closed to new replies.