Hey @katrineds
Go to
Appearance > Customize > Flash Theme Options > Top Header Settings
Choose Social Menu from the dropdown and Under Top header text content, you can place your code to display both icon and label.
Follow this link to learn more:
https://docs.themegrill.com/flash/
Do let us know for further queries.
Best Regards,
ThemeGrill
I know – but I use the text content for right content and social menu for the left content. I need the label from the menus to be visible after the icons.
It’s just some CSS I think.
I have the following (I use the social menu for phone and mail):
.social-menu li a[href*="mydomain.com"]::before {
content: "\f0e0 info@mydomain.com"!important;
color:#000;
font-size:15px;}
It’s almost enough. Problem is that if I set font-family to Poppins (like the rest of the site) the icons don’t work. If I set it to Fontawesome, the text info@mydomain.com is some ugly serif font.
Can you help me fix the CSS – perhaps give me a hint on making the text part with :after CSS?? Any help would be appreciated! 🙂
I found it myself.
.social-menu li a[href*="mydomain.com"]:after {content: "info@mydomain.com"!important;color:#000;font-size:15px;font-family:Poppins;}
.social-menu li a[href*="mydomain.com"]::before {
content: "\f0e0 "!important;color:#000;font-size:15px;}
If anyone needs the same fix.
