Menu Custom Link Label Not Showing

[Muriel Anderson]

Hi,

I created a menu item with a custom link going to an outside website and the label I made for it isn’t showing in the front end (it shows in the back end). Please see attached photos.

Thanks.

Attachments:

You must be logged in to view attached files.

[David Morgan]

Ah, if you’re adding a link to Bandcamp, the theme interprets the link as a social platform and adds the Bandcamp icon in place of the label. Can you provide a link to your site? We’ll likely need to provide custom CSS to resolve this issue.

Thanks!

[Muriel Anderson]

This reply has been marked as private.

[David Morgan]

No worries, adding the styles below within the editor or customizer should resolve the display issue.

.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"] {
    display: block !important;
    min-height: auto !important;
    padding: .5em 1em !important;
}
.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"] span {
    display: block !important;
}
.wp-block-navigation .wp-block-navigation-item a[href*="bandcamp.com"]::before {
    display: none !important;
}

I hope this helps! Thanks!

[Author]

Posts