instagram

[alexis beaumont]

Hello,
I want to insert a link to my Instagram account in my main header menu, but with the label “New products.” (see attached file)
The problem is that it automatically displays the Instagram icon instead of the label “New products.”
How can I force this label to appear instead of the icon?
Thanks
Best regards

Attachments:

You must be logged in to view attached files.

[David Morgan]

Hi Alexis,

The theme automatically detects social media menu links and applies the icon. We can force text using CSS. However, can you provide a link to your site so we can provide the exact CSS needed to apply the change.

Thanks!

[alexis beaumont]

This reply has been marked as private.

[David Morgan]

Hi Alexis,

Try adding the following CSS:

.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"]::before {
  display: none;
}
.wp-block-navigation .wp-block-navigation-item a[href*="instagram.com"] span {
  display: block !important;
}

Let us know if this works.

Thanks!

[alexis beaumont]

hello David
it works
best regards

[Author]

Posts