mail and phone nr header


How can I hove both phone nr and e-mail left or right?
image 2.PNG


  • edited August 2018
    Thanks for contacting to us .
    To add contact no at left side ,For this you need to use custom html widget . 
    Kindly add custom html widget in Top  Heder Left widget area . 
    And add below html code  inside the custom html content field . 

    <ul class="header-contact-info">
    <i class="fa fa fa-phone"></i>
    <a href="tel:5555555">555555</a></li>
    More help see the snapshot

    And to add email at right side add WBR:Header widget  in Top Right widget area . 

    Change  widget content as your need .
    Let me know for any confusion .


  • Hi,

    Thanks, I added this code:
    <ul class="header-contact-info">
    <i class="fa fa fa-phone"></i>
    <a href="tel:+31657558361">06-57558361 </a>
    &nbsp;<i class="fa fa fa-envelope"></i>
    <a href="mailto: [email protected]"> [email protected]</a></li>

    Unfortunately there is now too much space. 
  • Hi
    To reduce  kindly add the below css code inside the Appearance >> customizer>> Additional css box . 

    .top-header-widget .widget {
        padding: 0px;

    Let me know for any cofusion . 

  • Thanks, this worked!
  • HI 
    Glade to know that its work for you !

This discussion has been closed.