Mobile menu icon (hamburger)

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Tagged: burger icon, menu, responsive

This topic has 7 replies, 5 voices, and was last updated 8 years by Mohammad – SUPPORT.

Viewing 8 posts - 1 through 8 (of 8 total)

Back to forum

Posted in: Dante
June 8, 2014 at 6:25 pm #80949
ngem
Member

Post count: 17
Hello. I need to change the glyph shown for the mobile menu. It is currently
```
<i class="ss-rows">
```
Where/How can I change this icon to one of my own?

Thanks,
Aaron
June 9, 2014 at 8:28 am #81009

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

Yes, open up sf-header.php and go to line 323:

$logo_output .= '<a href="#" class="visible-sm visible-xs mobile-menu-show"><i class="ss-rows"></i></a>'. "\n";

– Kyle

July 20, 2014 at 11:28 pm #92970

ngem
Member

Post count: 17

That worked great. Thanks!

July 21, 2014 at 9:17 am #93057

Kyle – SUPPORT
Moderator

Post count: 35880

Great! no problem 🙂

– Kyle

October 2, 2015 at 2:29 pm #218145

wizastudios
Member

Post count: 67

Hi Kyle

This maybe a bit out of date but I was wondering a similar question. Is there a way to change the color of the burger menu? Does it reply on a color choice in the customize options?

October 2, 2015 at 2:56 pm #218156
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Hi,

You can use the code below to change the color of the icon
Adjust to your desired color.
```
.mobile-menu-show .ss-rows{
color:#FFF!important;
}
```
-Rui
October 2, 2015 at 9:53 pm #218220

wizastudios
Member

Post count: 67

I tried that and it didn’t work.

October 5, 2015 at 9:38 am #218341
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
#logo a.mobile-menu-show i {
    color: #ff0000 !important;
}
```
Thanks
Mohammad
Back to forum

Posted in: Dante