Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #381179

    I would like the telephone number and the social media icons in the Small bar above Main Menu to be different sizes.

    This is what I have now but it makes the entire line bar the same size:

    div#header_meta [data-av_icon]:before, div#header_meta .phone-info {
    font-size: 12px !important;
    }

    I would like the phone number to be 12 and the social media to be 18 but can’t figure out how to do it.

    Are there two codes I can put in to make this happen?

    Thank you.

    #381428

    Hi Micheal0424!

    Thank you for using Enfold.

    Please refer to this link for a possible fix: https://kriesi.at/support/topic/make-phone-number-and-social-icons-bigger/

    Cheers!
    Ismael

    #381546

    That didn’t work.

    Any other idea how to make the phone number and the social media icons different sizes?

    Thank you.

    #381692

    Hi!

    Please use following code instead

    .phone-info {
    font-size: 16px;
    }
    #top .social_bookmarks li a {
    font-size: 14px;
    }

    Regards,
    Yigit

    #381825

    That worked perfectly, thank you very much!!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Social media icons sized & telephone size in different sizes in Small bar at top’ is closed to new replies.