Menu Issues with X 10.4.5 and 10.4.6 and Cornerstone 7.4.6

[rayrolando]

Hi Guys… so I updated my devv site, devv.rayrolando.com (where I do all testing) to the new version(s) of X AND Cornerstone 7.4.6, but my menu drop-down buttons are not displaying correctly. I did the Wordpress update (meaning the process from the Update Plugin Dashboard screen - I did NOT update the version of WP (currently 6.3.2)), but I also went to SiteGround File Manager and did a manual folder replacement as well after downloading the latest version of X and then uploaded it to the correct folder. All that did was replicate the issue. Unfortunately, I have the same issue with 10.4.5 AND 10.4.6, so I have now had to roll back twice. Please see the comparative screenshots attached and let me know if there is something I can do asap to fix this, thanks.

[prakash_s]

Hello @rayrolando,

Thanks for writing to us.

In order to replace the font awesome icon I would suggest you please add this custom CSS code to the global CSS

.x-navbar .desktop .x-nav>li.menu-item-has-children i.x-framework-icon.x-framework-icon-menu:before {
content: '\f078';
color: #c4c4c4;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[rayrolando]

Hi @prakash_s,

I’m not sure I understand. While I realize that the font awesome upgrades are a large portion of the new release, my site and its menus worked perfectly before the upgrade. Does your proposed CSS bypass the new fonts from the upgrade and default to my original ones? Were the original ones I had in my screenshot part of your theme’s prior icon offerings?

In other words, can you tell me exactly what that CSS you gave me does? I am the current administrator of the site (and owner of the company) and I am familiar with code to a degree. It looks like this CSS calls upon the menu “before”. Is that accurate? If not, what exactly is it doing globally?

I actually purchased the $99 support last week so that you can help me get this right. And, although we had a prior web designer and system admin originally who purchased your theme for us and installed it, it is our understanding that it came with the fonts and menu icons from my “BEFORE” picture in my screenshot. So I guess I am asking, if those were your theme’s fonts and icons, wouldn’t they be carried forward for your clients to choose in the future? We customized our site based on your previous releases. To that end, I can’t imagine others haven’t had the same issue, and that I am the first to report this with your release, correct?

Perhaps I am misunderstanding something(s) here, and/or presuming something(s) incorrectly. I am just asking if you can help me understand this better, because our whole site (two sites actually) is built and customized upon your X theme.

Let me know as soon as possible so we can remedy this, and thank you.

Ray Rolando

[charlie]

Hey Ray,

To support both SVG and Webfonts, the output of the navbar changed from using just CSS to actually outputting the icon tag on the page. The below picture is an example, the i tag is new in 6.4 here.

So to change the icon again, the CSS Prakash provided will target the correct icon. Your site is using CSS to change this icon, so you probably have something like :before in your Global CSS window.

Really we need a theme option for everybody so CSS isn’t the way to change the menu dropdown icon. And so this icon can be changed in SVG mode. We’ll make note and get that feature in after the holidays.

Hope this helps. Have a great day