Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1409228

    In the extra elelments area of the top bar, I’ve added a map icon and some text. I would like the icon to be in the middle (vertically) of the top bar, rather than at the bottom. I’m currently using this code in the theme options (header) but with an actual link (removed for privacy purposes):

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' size='17px' position='left' vertical-align=‘top’ color='#eeee22' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]<span style=”color:yellow; font-size: 125%;”>LINK TEXT HERE</span>


    Hi beverlystone,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #header_meta .phone-info .av_font_icon {
        position: relative;
        top: -3px;

    Hope it helps.

    Best regards,


    That worked perfectly! Thank you.



    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,


    You can close it.


    Hi beverlystone,

    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Vertical Align for Icon in Top Bar’ is closed to new replies.