Navigation
Archive / add phone number to top bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 1, 2017 at 3:12 pm #1354263
    simone
    Participant

    Hi, I just read many of the threads regarding adding content to the top bar. Still not sure the best approach. I want to add

    <i class=”x-icon x-icon-phone” data-x-icon=””></i> 610. xxx. 4141

    a phone icon and number to the right of the client reviews button I have added to the top bar – what is the best way to do this?

    http://www.cercatrovayoga.com

    Many Thanks!
    simone

    February 1, 2017 at 3:50 pm #1354305
    Joao
    Moderator

    Hi,

    You could add just beside it on topbar content, would´t that work?

    February 1, 2017 at 8:48 pm #1354677
    simone
    Participant

    Hi Joao,
    Yes but I cant assign it a class to style it without it pushing the top bar down and none of the elements line up… Please advise… Also, any clue as to why the social icons are not centered in the top bar?
    thank you!

    February 2, 2017 at 12:13 am #1354819
    Friech
    Moderator

    Hi There,

    Actually you can wrap it on a <span> tag and apply a class on it.

    e.g.

    <span class="myclass">
<i class="x-icon x-icon-phone" data-x-icon="&#xf095;"></i> <a href="tel:610XXX4141">610. xxx. 4141</a>
</span>

    Would you mind to clarify what is not align? The topbar content looks align to me.


    screenshot

    The social media icon is on the right because it has a property of float: right;. That is the default position of the topbar social icons.

    Thanks

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