Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #222950

    Hi,
    Is there a css snippet that can add a down arrow graphic in the main menu when child pages exist?

    Thanks so much,
    Paul

    #222984

    Hey accunet!

    You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
    border-bottom: 2px solid red;
    }

    Regards,
    Yigit

    #222999

    Thanks for the speedy answer Yigit, however this is not what I’m after. What I need, is to be able to show the user of the site, that they can mouse over one of the parent pages, to view the dropdown of child pages.

    IOW, if there are child pages, the parent would have an indicator, like a down arrow (or chevron) to the right of the text in the main menu. If there are no child pages, there would be no indicator.

    Like this site:

    http://www.execsearch.com/

    Thanks again.

    #223005

    Hey!

    Please add following code to Quick CSS instead

    .menu li > a:after { content: ' ▾'; } 
    .menu li > a:only-child:after { content: ''; }

    Best regards,
    Yigit

    #223025

    Sweet!

    Thanks a bunch.

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Show main menu indicator for child pages’ is closed to new replies.