RocketTheme - TOPIC: [Solved] Hamburger Menu Icon Larger on Mobile (Galatea)

Welcome Guest! Login

0 items Join Now

- mikek
- Newbie
- Posts: 10
- Thanks: 0
SOLVED Hamburger Menu Icon Larger on Mobile (Galatea)

Posted 8 years 2 months ago
- Galatea Template
  How do I make the hamburger menu bars larger for Mobile devices?
  I see that it's a font awesome icon, but I can't find where the code is.
  
  Thanks!!
  Mike
#1336271
- TilenVonHarc
- Elite Rocketeer
- Posts: 674
- Thanks: 13
Re: SOLVED Hamburger Menu Icon Larger on Mobile (Galatea)

Posted 8 years 2 months ago
- Hi!
  
  You need to change this line in the css. Now the font-size is 1rem, adjust to what you like. I tried 2rem and it also just works.
  
  How to create a custom style sheet: http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
  
  .g-offcanvas-toggle {
  font-size: 2rem}
- Last Edit: 8 years 2 months ago by TilenVonHarc.
- Tilen
#1336298
- mikek
- Newbie
- Posts: 10
- Thanks: 0
Re: SOLVED Hamburger Menu Icon Larger on Mobile (Galatea)

Posted 8 years 2 months ago
- That works! Thanks Tilen.
  
  Here's the code:
  
  .g-offcanvas-toggle { font-size: 2rem; }
#1336372
- TilenVonHarc
- Elite Rocketeer
- Posts: 674
- Thanks: 13
Re: SOLVED Hamburger Menu Icon Larger on Mobile (Galatea)

Posted 8 years 2 months ago
- Glad I could help!
- Tilen
#1336374

Time to create page: 0.067 seconds

Powered by Kunena Forum