• Skip to main content

Victor Font Consulting Group, LLC

Strategic IT Solutions for Complex Organizations

  • 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

posted on June 28, 2015

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

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.

 
We only use analytical cookies on our website that allow us to recognize and count the number of visitors, but they do not identify you individually. They help us to improve the way our website works. By clicking Accept you, agree to cookies being used in accordance with our Cookie Policy.