Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 12, 2014 at 7:05 pm #222950
    accunet

    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

    February 12, 2014 at 8:10 pm #222984
    Yigit

    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

    February 12, 2014 at 8:21 pm #222999
    accunet

    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.

    February 12, 2014 at 8:30 pm #223005
    Yigit

    Hey!

    Please add following code to Quick CSS instead

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

    Best regards,
    Yigit

    February 12, 2014 at 8:51 pm #223025
    accunet

    Sweet!

    Thanks a bunch.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Show main menu indicator for child pages’ is closed to new replies.