Search Icon Replaced with Square

  • Resolved wowcroftynm

    (@wowcroftynm)


    3 years, 4 months ago

    I am working on developing a WordPress site using the third party theme Elite Business by Firefly Themes. The theme and its contents were displaying perfectly until I logged into the site a few days ago, and I noticed that the magnifying glass icon on the search drop down on both the desktop and mobile and the collapsed main nav bar icon on mobile had changed to a little square. This is not a theme specific problem, as the problem persists even if I change themes. Nor is this a plugin issue, because I have disabled each one by one with no effect. I am not able to provide a link to the site, as it is currently hosted only on my local network. However, I hope someone will be able to provide a suggestion. Thank you in advance for any assistance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator t-p

    (@t-p)

    I recommend asking at https://www.ads-software.com/support/theme/elite-business so the theme’s developers and support community can help you with this.

    The search and menu use Font Awesome icons so I would say look for a problem with the font-awesome enqueue.

    https://fireflythemes.com/preview/?demo=elite-business-free

    <link rel="stylesheet" id="font-awesome-css" href="https://demo.fireflythemes.com/elite-business-free/wp-content/themes/elite-business/css/font-awesome/css/all.min.css?ver=5.15.1" type="text/css" media="all">

    Thread Starter wowcroftynm

    (@wowcroftynm)

    Hello Ricky,

    This enqueue is still in the functions.php file. I have changed the primary font of the entire site to better suite my company branding. Would this potentially cause the issue? If so, is there a way I can use Font Awesome for the icons and my current font for everything else? Thank you very much for your response and assistance.

    Regards,

    Matthew

    Without seeing your site, I have to speculate. I recommend you inspect the search icon on the demo page and compare the markup to your local site’s search icon markup. Even if they’re identical, the inspector may lead you to some clue. Also check your local site’s <head> tag to make sure it has the <link> tag from above. Though the enqueue statement is in the functions file, it may not have made it to the front end output. Good luck.

    Thread Starter wowcroftynm

    (@wowcroftynm)

    I installed the Font Awesome plugin, and this fixed my issue. Thank you so much!

    Moderator t-p

    (@t-p)

    Glad its sorted ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Search Icon Replaced with Square’ is closed to new replies.