Menu Artifacts After Cornerstone & X Theme Updates *Revisiting*

[SC_Tyler]

*note - Revisiting this issue from a post that was closed back in November

Hello - I just updated to the latest version of X and Cornerstone on the current WP version (6.4.1). After the update, the main and dropdown menu is displaying odd character artifacts, as highlighted in this picture:

This displays on all devices and browsers. However, it only shows the artifacts as a horizontal menu. When it drops into a mobile menu, the artifacts do not appear.

I’ve gone through the recommended steps you provided at the time. Removing/reinstalling Cornerstone had no effect, nor did disabling all the plugins. It appears to be related to the Child Theme. When I change the theme to just X, the menu artifacts go away.

Any help you can provide is greatly appreciated.

[tristup]

Hi Tyler,

Thanks for reaching out.
I would suggest you please add this custom CSS code to the Global CSS to get rid of your issue.

.x-navbar .desktop .x-nav>li.menu-item-has-children i.x-framework-icon.x-framework-icon-menu:before {
    content: '\f078' !important;
    font-size: 12px !important;
}
.x-navbar .desktop .x-nav li > a > span::after 
{
    display: none !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks