Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #581974

    hi
    I created 2 secondary sub menus for different Main menu items and set them below the main menu. I used The Fullwidth Sub Menu and widget on each page.

    First element of sub menu is the same page as one item of Main Header menu. The text of current active page in the Fullwidth Sub Menu is underlined.
    Is it possible to underline the item in Main Header menu when I select any items from sub menu? Now the item in the main menu is underlined only if I select FIRST item in sub menu. Like here http://www.greenwichacademy.org/page.cfm?p=523 or http://www.chaletauriane.com/home.html
    (If I click on any sub menu items The main page Academics is still green.)
    Is it possible to connect The Header main menu and the Fullwidth Sub Menu?

    Thank you

    #581975

    I find similar action for menus here http://kriesi.at/themes/enfold/blog/blog-single-author-big/ with sub menu on the right side of page
    How It works?
    thank you

    #583163

    Hey!

    Thank you for using Enfold.

    Make sure that a certain page hierarchy is set by defining a parent page for a set of child pages: https://en.support.wordpress.com/pages/page-attributes/

    In the demo, the Blog page is the parent page of the nested sub pages that you see in the sidebar.

    Regards,
    Ismael

    #583873

    hi Ismael,

    Thank you very much for this information,

    now I set up all child pages, but underline effect for header main menu element if I entered a sub menu navigation element does not work.
    I use this code in quick css

    #header .active-parent-item .avia-menu-fx {
      background:   #787878;
    }

    if there is a way to underline parent element in header main menu if I entered a sub menu navigation element?

    Thank you

    #585395

    Hi!

    try this code:

    .menu-item-top-level-2 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    }
    

    Cheers!
    Andy

    #585599

    hi Andy!

    Thank you for you answer.
    I have tried this code, but it is makes main menu item underline constantly, even if I other page is opened.
    and I have two parent elements in header main menu (the item Chalet and the item La Tzoumaz, Verbier).

    I think that there should be .active-parent-item ?
    I just need to underline the currently active menu-item & sub-menu-item.

    #586017

    Hey!

    I put this code into you Quick CSS field and it works fine now:

    .current-menu-item .menu-item-top-level-2 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    } 
    

    Can you confirm please?

    Cheers!
    Andy

    #586285

    hi Andy,

    thank you for you help but this code does not work
    if you check this page http://chaletteremok.com/la-tzoumaz/summer-activities/ you see that only .current-menu-item in sub menu is underlined.
    if worked without your code, we did it before.
    now I need to underline the parent item in main menu (main menu item “La Tzoumaz, Verbier”) if a user choose sub menu page (like in example page summer-activities)
    sub menu underline

    #586985

    Hey!

    Please add this in the Quick CSS Field:

    .current-page-ancestor .avia-menu-fx {
        visibility: visible;
        opacity: 1;
    }

    Best regards,
    Ismael

    #587231

    Hi Ismael

    Thank you very much!!!
    You have made my day again!!

    I spent hours to try solve this!

    it works fine.

    Can you add this feature to theme? I see that it is often asked feature.

    Thank you again, Olga

    #587373

    Hey Olga!

    It would be better if you requested such feature here – https://kriesi.at/support/enfold-feature-requests/
    Glad Ismael could help! Let us know if you have any other questions or issues

    Regards,
    Yigit

    #1062694
    • This reply was modified 5 years, 10 months ago by hoibi1984.
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.