Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #272265

    I would like some help to center the phone number above my logo and increase the size of the font for the phone number on web browsers and the iPad.

    Can I also add a phone icon in the same color in front of the phone number?

    #272277

    Hi kevinjsutton!

    Use this code to center the phone number and to increase the font size – you can add it to the child theme style.css file or quick css field:

    
    .av_phone_active_left .phone-info {
    padding-left: 45px;
    font-size: 12px;
    }
    

    You can also use different values if 45px and 12px don’t give you the best results.

    If you want to add a phone icon to the phone number insert

    
    <span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>787866455
    

    into the “Phone Number or small info text” option field (Enfold > Theme Options > Header Layout) and replace 787866455 with your phone number.

    Regards,
    Peter

    #272543

    Resolved. Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Center phone number above logo’ is closed to new replies.