Question posted in
The full documentation can be found here.

Divi theme – Icon navigation menu

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.

Tags:

2

Answers


  1. 0

    try this I Tag

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

    enter image description here

    Login or Signup to reply.
  2. 0

    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>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search