Navigation
Archive / Customizing the nav bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 5, 2016 at 5:49 am #1281431
    mahmoud237
    Participant

    How can I add phone number with icon on the nav bar just like the attached image

    December 5, 2016 at 5:57 am #1281438
    Paul R
    Moderator

    Hi,

    You can add this in the navigation Label.

    
<i class="x-icon x-icon-phone" data-x-icon="" aria-hidden="true"></i>

    http://screencast.com/t/zoq7QWdG3dwi

    Hope that helps.

    December 5, 2016 at 6:10 am #1281460
    mahmoud237
    Participant

    Thanks .. How can I change it’s color ?

    December 5, 2016 at 6:29 am #1281488
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar .x-nav-wrap .x-nav > li > a i {
    color: red;
}

    Hope it helps 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1281431 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>