Icons Shortcodes not showing up in Topbar

[marketimpress]

Can you please advise why my icons are not showing in the topbar? I read the following post and think this may be the solution. https://theme.co/apex/forum/t/icon-shortcodes-in-topbar/32235

Already went through the steps of creating a child theme and editing the function.php file. But I’m not sure how you add the actual shortcode. Can you please advise where I would add it and exactly what I would add?

[friech]

Hi @marketimpress,

Thank you for writing in, yes that is the first step, please follow that guide so the topbar will accept a shortcode.

Then navigate to Theme Options > Header > Topbar Content put your content in there including your icon shortcode.

You can get the shortcodes here.

Hope it helps,
Cheers!

[marketimpress]

Thank you friech that worked perfectly. Was trying to do < instead of [ which was half my issue.

Any suggestions to making the text in the topbar responsive based off viewing device?

[ruenel]

Hello @marketimpress,

To make the text in the topbar smaller in smaller screens so that it will fit the screen, you can make use of this code:

@media(max-width: 767px){
  #maptopbar a {
    font-size: 0.65em;
  }    
}

Hope this helps.