Add Icons to the Navigation Menu

Building Better MyListing Websites. One Code Snippet at a Time.

Overview

The Add Icons to the Navigation Menu code snippet allows for more design capabilities within a MyListing website.

Implementation

Snippet Type: CSS

  1. Grab the code snippet.
  2. Follow the instructions.
  3. Adjust as desired.
  4. Save your changes.
				
					//// INSTRUCTIONS: 
//// Use a plugin like WPCodeBox to add this code snippet to your website.
//// WPCodeBox Guide and Discount: 🔥 https://mylisting.club/wpcodebox 🔥

//// To use the native MyListing icons...
//// 1. Theme Options > Shortcodes > Icon
//// 2. Find your desired icon and copy the shortcode
//// 3. Edit a menu item
//// 4. To the left or right of the menu item name, paste in the icon's shortcode copied above

//// To use custom icons...
//// 1. Download the desired PNG icons (Note: Choosing icons of color "white", is recommended)
//// 2. Upload the icons to the WordPress Media Library
//// 3. Edit an icon and copy its link address
//// 4. Edit a menu item
//// 5. To the left or right of the menu item name, paste the link address that was copied above

//// NOTES:
//// Example for adding an icon to the Home page:  
//// <img src="data:image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%200%200&#039;%3E%3C/svg%3E" class="perfmatters-lazy" data-src="http://your-website.com/wp-content/uploads/icon-file-name.png" /><noscript><img src="http://your-website.com/wp-content/uploads/icon-file-name.png"></noscript> Home

----------------- CODE SNIPPET IS BELOW THIS LINE - REMOVE THIS LINE AND ABOVE ----------------- 

/* ML - ADD ICONS TO THE NAVIGATION MENU */
.main-nav li a>i {
    display: inline-block;
}
.main-nav li.current-menu-item a > i {
    color: #000 !important;
}
				
			

Partner Deals

Do more for your MyLising website while spending less money on premium solutions.

We are partnering with some of the top vendors in the WordPress space, bringing discounts for solutions and services to MyListing Club members.

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)