Tagged: ,

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

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

    Thanks so much,


    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;



    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:

    Thanks again.



    Please add following code to Quick CSS instead

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

    Best regards,



    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.