Navigation
Archive / Top bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 10, 2016 at 1:04 am #1251253
    techplex
    Participant

    Hi, I want to change edit the top bar by removing G+ and Twitter icon and adding a phone icon and a phone number at the middle of the top bar. I would appreciate it if anyone could help me with that. (I already have a x-child theme set up)

    November 10, 2016 at 1:17 am #1251264
    Paul R
    Moderator

    Hi,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
.x-topbar .x-social-global {
   display:none;
}

.x-topbar .p-info {
    float:none;
    width:100%;
    text-align:center;
}

    Then you can add your icon and phone number in your topbar content.

    eg.

    <i class="x-icon x-icon-phone" data-x-icon="&#xf095;" aria-hidden="true"></i> 123-456-78910

    Hope that helps.

    November 11, 2016 at 10:33 pm #1254170
    techplex
    Participant

    Thanks a lot Paul. That answers my requirement.

    November 11, 2016 at 11:11 pm #1254185
    Darshana
    Moderator

    Glad we were able to help 🙂

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