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.
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
That didn’t work.
Any other idea how to make the phone number and the social media icons different sizes?
Thank you.
Hi!
Please use following code instead
.phone-info {
font-size: 16px;
}
#top .social_bookmarks li a {
font-size: 14px;
}
Regards,
Yigit
That worked perfectly, thank you very much!!