Add Icons to the Wordpress Menu with 3 Methods - Wordpress Tutorial

preview_player
Показать описание


Add Icons to the Wordpress Menu with 3 Methods - Wordpress Tutorial

CODE is in the PINNED COMMENT below.

We love to create - share - respond - and deliver.

Hire us to work on your Website!

  1. Web Squadron
  2. Imran
  3. Siddiq
  4. Imran Siddiq
  5. WebSquadron
  6. Website
Рекомендации по теме
Add Icons to 0:02:38

Add Icons to the Wordpress Menu with 3 Methods - Wordpress Tutorial

How to Add 0:01:40

How to Add Font Awesome Icon in WordPress

How to Add 0:09:10

How to Add Images & Icons On Navigation Menus in WordPress For Free

How To Add 0:02:10

How To Add Icons to WordPress Menus 2024

How to Add 0:03:48

How to Add Icons to WordPress Menus (The Fast Way!)

How to Add 0:02:57

How to Add Custom Icons in Menus with the Menu Icons WordPress Plugin

How to Make 0:11:35

How to Make Custom Icons for WordPress and Elementor Pro

How to Add 0:06:46

How to Add Social Media Icons to WordPress Navigation Menus? Easy Tutorial

How To Add 0:05:22

How To Add Icons To Menu Items In WordPress

How to add 0:05:27

How to add WordPress Menu Icons for free (2 Methods)

How to Add 0:11:51

How to Add Social Media Icons to WordPress

How to Add 0:03:22

How to Add Icons to a Wordpress Menu

How to Add 0:03:44

How to Add Icons with Text in WordPress

How to Add 0:05:09

How to Add Image Icons With Navigation Menus in WordPress

Add Icons Anywhere 0:10:59

Add Icons Anywhere In Elementor

How To Add 0:02:53

How To Add Menu Icons to your WordPress Site In Under 3 Minutes 🏠

How to Add 0:05:58

How to Add Icons to Your WordPress Site

How to add 0:07:12

How to add Custom Icons for Elementor For Free | 14,055+ icons includes

How To Add 0:09:43

How To Add Icons To WordPress Menus

How to Add 0:03:49

How to Add Icons in WordPress With Elementor

How to Use 0:08:41

How to Use & Customize Icons in Elementor WordPress Plugin? (FREE)

Add Icons Anywhere 0:01:44

Add Icons Anywhere in WordPress Gutenberg Editor using Editor Plus

How to Add 0:06:40

How to Add Icons to Your Primary Menu | WordPress Menu with Stylish Icons | WordPress Tutorial

WP Menu Icons 0:05:04

WP Menu Icons - A WordPress plugin to help you add Font icons / custom icons in your WordPress Menu

Комментарии
Автор

CODES >

Method 1 with Font Awesome
<div class="menu-item" style="display: flex; align-items: center;">
<i class="fas fa-home" style="margin-right: 10px;"></i>
<span class="menu-text">Home</span>
</div>

Method 2 with Local Image or SVG
<div class="menu-item" style="display: flex; align-items: center;">
&nbsp;<span class="menu-text">Home</span>
</div>

Method 3 with Dashicons - big thanks to Julia Liebknecht for the code!
<span><i aria-hidden="true" class="dashicons dashicons-admin-users"></i> About</span>

websquadron
Автор

Thank you very much, it worked completely fine, plus when you hover the mouse it picks up the text effect. Simply sensational!!!

bixodoido
Автор

Absolute gold and exactly what I was looking for!!! - thanking you 😊

Madden
Автор

Thank you for your very, very quick reply & Thank you mate ;)

marcpovell
Автор

Hi, great video! Just wondering if its possible to add the icon on top of a text in the navigation menu. Many thanks!

madetoshareTVLmoments
Автор

Hi Imran, i'm building a website with a Mega Menu (dropdown in 1 item of nav) with Elementor PRO Mega Menu. I watched all your video about the accessibility, so you suggest to add and hide the default Wordpress Menu on the Header. Is it the only way or there is a solution with aria label values to add in Elementor Menu or something like that? The other solution will be to use a Mega Menu plugin.

Thanks in advance for your patience and support.

off___billy
Автор

Fab Idea, but I'm struggling to find the actual codes to use, where are they please ?

marcpovell
Автор

Could you provide me with detailed instructions on how to install additional icons? I am having trouble with installing the icon.

learnearn
Автор

I would like to add the icon on the mobile menu. Is that possible ??

JocelinCarvajal
Автор

What if you'd like the word Home to disappear when you navigate away from the homepage and replace it with a backward arrow and 'Back to Home' text?

kudrah