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?
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
Resolved. Thanks!