0
Welcome Guest! Login
0 items Join Now

G5 Hydrogen mobile menu not displaying

  • G5 Hydrogen mobile menu not displaying

    Posted 10 months 3 weeks ago
    • I installed G5 and the hydrogen template but am not seeing the mobile menu icon when on a small screen. I moved some modules around in the layout but did not touch the off canvas / mobile menu particle section at all. At first I thought it might be due to some custom css but even after removing the custom scss file completely there still is no mobile menu icon. Test site is at

      bravo.sawstemp.net/cpatax/

      Any idea what I am missing or did wrong?
    • Karol Orzeł's Avatar
    • Karol Orzeł
    • Elite Rocketeer
    • Posts: 4787
    • Thanks: 289
    • One Crazy Dev

    Re: G5 Hydrogen mobile menu not displaying

    Posted 10 months 3 weeks ago
    • I had a look at your website and it seems the issue is that the mobile menu icon is the same color (white) as your website's background, making it invisible.

      To solve this issue, you could add some custom CSS to make the mobile menu icon black (or any color that contrasts with your background). You can do this by adding the following CSS using the Gantry "Custom CSS" particle:
      .g-offcanvas-toggle {
      color: black;
      }

      Remember to replace 'black' with any color of your choice if needed. Once you've added this CSS, the mobile menu icon should become visible against your background.


      Best regards,
    • Last Edit: 10 months 3 weeks ago by Karol Orzeł.
    • The following users have thanked you: Chad Criswell

    • karolorzel.com

Time to create page: 0.056 seconds