[rgraham]

On my primary navigation bar, any menu item that has dropdown items below it is suddenly displaying a weird little graphic next it (almost like it would be a dropdown arrow, but instead it’s a little square with some letters in). There was nothing there before.

This is not a new site or new theme. The theme is up to date. There is nothing in Customize > Menu or Widgets or elsewhere on the dashboard that I can see to add or delete or alter this in any way. Any idea what’s going on or how to get rid of these?

[tikaram]

@rgraham : Can you please post in your site URL so that I can check for issues on your site and provide you the required fix.

Regards,
Tikaram

[rgraham]

Hi – thanks for the response. This is the site:  https://hockema.com/

[tikaram]

@rgraham : Can you please try disabling the Elementor plugin on your site. The plugin is loading older version of font-awesome that might be causing the issue. Please let me know if the issue still persists after disabling the plugin.

Regards,
Tikaram

[rgraham]

Hi Tikaram,

Yes, disabling Elementor removes the weird little icon next to the menu items with dropdown items in the nav bar, but I can’t permanently disable Elementor because my page designs depend on it. It was working for years until now. The “Load Font Awesome 4 Support” button in elementor remains checked. Is there a snippet of CSS I can drop in that will fix the issue?

Thanks,
Rebecca

[tikaram]

@rgraham : Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

.main-navigation .dropdown-toggle:after,
.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after,
.entry-breadcrumbs a:after,
.author-link:after,
#cancel-comment-reply-link:before,
.custom-header-media .wp-custom-header-video-play:before,
.custom-header-media .wp-custom-header-video-pause:before,
.post-navigation .nav-previous .nav-subtitle:before,
.post-navigation .nav-next .nav-subtitle:after,
.entry-footer .cat-links::before,
.entry-footer .tags-links::before,
.comment-metadata > a:before,
.services-section .post-thumbnail a:after,
.team-section .post-thumbnail a:after,
.header-top-left-content li span .mobile-hours:before {
  font-family: 'FontAwesome';
}

Let me know if this helps you out.

Regards,
Tikaram

[Author]

Posts