Icon navigation menu

Question

I'm trying to add an area to my navigation on the right hand side, I only want it to contain the three icons which are basket, search and the wish list.

Does anyone know what the best way would be to achieve this? I'm currently using the Divi theme on this site.

Also, I'm trying to use an icon instead of text as a link for the wish list but it didn't seem to work. I have the font awesome plug-in downloaded and used the following code in the custom menu label.

( website referred to above link )

 <i class="fas fa-heart"></i> 

Thanks.

Answer 1

try this I Tag

<i class="fa fa-heart"></i>

Answer 2

you can create a widget and define widget on right side of menu. create dynamic sidebar in function.php .

add dynamic sidebar as widget in appearence --> widget . add dynamic sidebar in page as

<?php dynamic_sidebar( 'sidebar name' ); ?>.

 ul{ list-style-type:none; padding:0 } ul li{ display:inline-block; } ul li a{ color:#000; } 

 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <ul> <li> <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a> </li> <li> <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a> </li> <li> <a href="#"><i class="fa fa-search" aria-hidden="true"></i></a> </li> </ul>