• Skip to main content
  • Skip to primary sidebar

Victor Font Consulting Group, LLC

The DEX Intranet Specialists

  • Home
  • Care Plans
    • Care Articles
    • Optional Subscriptions
  • Consultations
  • Products
    • Code Snippets
    • Public GitHub Repositories
    • Gist Snippets
    • Pastebin Snippets (Free)
    • Free Plugins
  • FAQs
  • Support
    • Graphic Design
  • Contact
    • Speakers
    • Portfolio
  • Resources
    • Free WordPress Video Training
    • Tutorials
    • Articles
    • Cybersecurity
    • EU Referral Network

Add Drop Down Indicators to Genesis Nav Menu

June 28, 2015 By Victor M. Font Jr.

Did you happen to notice the drop down indicators on the main menu above? Those drop down indicators are created simply by adding the following to your style.css:

.genesis-nav-menu > .menu-item-has-children > a:after {
	content: "\f140";
	font: normal 16px/1 'dashicons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	padding-left: 3px;
	vertical-align: top;
}

The css takes advantage of WordPress's built-in dashicons. If you want a drop down indicator that looks different from what this site uses, you could change the content line to content: “\f347"; for an alternate down arrow () or a standard down arrow () with content: “\f346";.

If you want to include drop down indicators on sub-menus, add .genesis-nav-menu .sub-menu > .menu-item-has-children > a:after to your block title. You'll still have to fiddle with menu item spacing and menu width, but I'll leave that to you.

  • 1share
  • Facebook0
  • Twitter1
  • Pinterest0
  • LinkedIn0
  • Print
  • SMS0

Filed Under: Code Snippet, Computers and Internet, Genesis, How To, Programming, WordPress Tagged With: Code Snippet, Computers and Internet, Genesis, How To, Programming, WordPress

About Victor M. Font Jr.

Victor M. Font Jr. is an award winning author, entrepreneur, and Senior IT Executive. A Founding Board Member of the North Carolina Executive Roundtable, he has served on the Board of Advisors, of the North Carolina Technology Association, the International Institute of Business Analysis, Association of Information Technology Professionals, Toastmasters International, and the North Carolina Commission for Mental Health, Developmental Disabilities, and Substance Abuse Services. He is author of several books including The Ultimate Guide to the SDLC and Winning With WordPress Basics, and Cybersecurity.

Primary Sidebar

Shopping Cart

Books

  • Winning With WordPress Basics 2nd Edition Winning With WordPress Basics 2nd Edition $19.95
  • Ultimate Guide to the SDLC front cover The Ultimate Guide to the SDLC
    Rated 5.00 out of 5
    $74.95

Recent Articles

  • Protected: WordPress Database Modernization Blueprint
  • Social Media Management
  • Site Growth Automation
  • GDPR Compliance Monitoring
  • Digital Strategy Accelerator

Top 10 Article Categories

Best Practice Code Snippet Computers and Internet Genesis How To Leadership Programming Servant Leadership Tutorial WordPress