Icons in Menu Not Working Correctly After Updating Pro

[petitshoo]

Hi,

I updated Pro today, and all of a sudden my menu icons are not working correctly. They look right in the Cornerstone builder. But, have the default hand on the front end.

Here is the code I am using:

li.menu-item .x-anchor .x-anchor-content .x-graphic i.x-icon::before {
content: ‘\f105’!important;
font-size: .9em!important;
color: #003a62;
}

.sub li.menu-item .x-anchor .x-anchor-content .x-graphic i.x-icon::before {
content: ‘\f105’!important;
font-size: .7em!important;
color: #003a62;
}

And the first screenshot is how it should look and the second screenshot is how it looks on the front end.

[petitshoo]

This doesn’t seem to be the only place where my css code overrides are no longer working. Again, things look fine on the back end, but not on the front end.

[ruenel]

Hello Jen,

Please make sure to clear your WP Cache. You may need to log in to WPEngine dashboard and clear ALL the caches from there.

Best Regards.

[petitshoo]

Hi, Yes, I did a quick clear of caches yesterday and just did the full clearing of the cache throuigh WPEngine. Still having the issues. The weird part is it all looked fine last week. And when I went to work on the project this week this problem had appeared. Also, it isn’t just me that sees it that way. I’ll put credentials in the Secure Note. Thanks!

[ruenel]

Hey Jen,

After careful investigation, I found this broken CSS:

A simple curly brace can mess up the whole CSS code block. I went ahead and corrected it already.

Check the site now.

[petitshoo]

Thank you so much!!

[prakash_s]

You are most welcome, @petitshoo