• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Mobile Menu / Dashicons

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › StudioPress Themes › Genesis Sample › Mobile Menu / Dashicons

This topic is: not resolved

Tagged: dashicons, mobile menu

  • This topic has 4 replies, 3 voices, and was last updated 3 months, 3 weeks ago by AnitaC.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 23, 2021 at 3:04 am #503807
    tonyfogarty
    Participant

    Hi,

    I hope someone can point me towards what I'm looking for.

    I've just switched over to a child theme based on Genesis Sample.

    I'm trying to improve my load time for Google. Previously I had some code in Functions.php to restrict Dashicons to only if the user was logged in - so this eliminated it for almost all users on the front end. However, I've just noticed that the mobile menu uses 3 dashicons (the hamburger, up arrow, down arrow). I reinstated Dashicons to make the menu work, but it has a significant impact on speed.

    I'm hoping there might be a way to have the menu use some locally stored icons instead, but I can't find where to begin doing this. I'm usually happy to hack around in php files, but don't know much js.

    Any tips gratefully received.

    Thanks

    Tony

    https://tonycollinsfogarty.com
    April 23, 2021 at 12:12 pm #503815
    Victor Font
    Moderator

    Dashicons is an icon font. I regularly replace this on site front ends with a custom subset of Fontawesome fonts called a kit. You need a Pro license to build a kit though.

    I'm not understanding why dashicons would be adding so much overhead to your site, though. The files are miniscule.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 25, 2021 at 4:44 am #503833
    tonyfogarty
    Participant

    Hi Victor,

    Dashicons scores highly on the 'render-blocking' resources on Google's Pagespeed Insight test. (Along with Google fonts). In fact on my list of files, it's one of the worst. On the previous theme, I eliminated Dashicons from the front end and my score jumped. When I switched to this theme, pagespeed was fine, but then I realised the mobile menu wasn't rendering. I turned Dashicons back on so the mobile menu worked, but my pagespeed score plummeted.

    Ideally, I don't want to replace it with another font set. I'm looking instead to just use 3 locally stored icons from the media library.

    January 25, 2025 at 7:02 pm #509022
    stefanofalcini69
    Participant

    hi i'm using minimum pro theme and I see double menu icon on mobile, only in the homepage.
    How can I resolve?
    thanks

    January 28, 2025 at 5:24 am #509040
    AnitaC
    Keymaster

    @stefanofalcini69 please open a new thread. Closing.


    Need help with customization or troubleshooting? Reach out to me.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile Menu / Dashicons’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble