Icon on header

Hi, I am trying to insert a phone icon on the header but that does not work, I used a text element and this shortcode [x-icon type:“archive”] what I am doing wrong?

Of course I see that “archive” is not a phone, but what I mean is that the shortcode does not work :grinning:

Hello Eduardo,

Thanks for writing in!

The correct shortcode should be:

[x-icon type="archive"]

For reference:

Hi. Sorry but it does not work

Hey Eduardo,

Sorry for the confusion. The correct shortcode is this:

[x_icon type="archive"]

I’d also like to let you know that you can also use the Social Element which will allow you to display an icon add a link to it at the same time.

Hope that helps.

Thanks!! :grinning:

You’re most welcome :slight_smile:

One more question, I setup a social icon for the movil view but despite that there is enough room i can not display the circle properly, any help will be appreciated

Hey Eduardo,

Try increasing width and height of your social button to display the circle properly. You can also fix this by reducing the logo size in small devices. Give your image element a class e.g mobile-logo and then add the following code in the Header JS section:

@media screen and (max-width: 480px) {
  .mobile-logo img {
    width: 150px;

Hope this helps!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.