hamburger icon

Resolved nsmart7
(@nsmart7)

8 years, 8 months ago

hi.

i’m using Agama theme.
i wanna change my hamburger icon display.
i wanna display ”menu” under the 3 lines when i use cellphone. it’s not pc.

please teach me how to change.

thanks and regards.

Viewing 5 replies - 1 through 5 (of 5 total)

Thread Starter nsmart7
(@nsmart7)

8 years, 8 months ago

hi!
would you teach me how to change?
please help me.

thanks and regards.
Theme Author themevision
(@themevision)

8 years, 8 months ago
Hello,@nsmart7!

Try add this code in to :
Customize->General ->Additional CSS

Code:
```
.mobile-menu-toggle{
	visibility: hidden;
	position: absolute;
	text-indent:0px;
}

.mobile-menu-toggle::before {
	visibility: visible;
	position: absolute;
	top: 10px;
	left:15px;
	content: "\f333";
	font: normal 30px/1 'dashicons';
	 	
}
.mobile-menu-toggle::after {
	visibility: visible;
	position: absolute;
	padding-top:35px;
	top: 0px;
	left: 0px;
	content: "MENU";
 	border: 2px solid;
    display: block;
    width: 60px;
    height: 60px;
	font-size: 1.0em;
	;
}
```
http://prntscr.com/fzy9qu

Best Regards
Theme Author themevision
(@themevision)

8 years, 8 months ago
Hi,

Maybe even a better solution is menu bars with the “Fontawesome” font.

Code:
```
.mobile-menu-toggle{
	visibility: hidden;
	position: absolute;
	text-indent:0px;
}

.mobile-menu-toggle::before {
	visibility: visible;
	position: absolute;
	top: 10px;
	left:19px;
	content: "\f0c9";
	font: normal 25px/1 'fontawesome';
	 	
}
.mobile-menu-toggle::after {
	visibility: visible;
	position: absolute;
	padding-top:35px;
	top: 0px;
	left: 0px;
	content: "MENU";
 	border: 2px solid;
    display: block;
    width: 60px;
    height: 60px;
	font-size: 1.0em;
	;
}
```
Regards
Thread Starter nsmart7
(@nsmart7)

8 years, 8 months ago

hello!

thank you very much!
i was able to add ”menu” under hamburger icon!

thanks.

Theme Author themevision
(@themevision)

8 years, 8 months ago

Hi, @nsmart7!

We just released an update for Agama theme.(v. 1.3.0)
In which we added an option for adding text below the “hamburger”menu,
so you don’t need custom CSS code anymore.
Please Update the theme and remove the custom CSS code you added,
then go to:
Customizing ▸ Navigations ▸ Navigation Mobile

and set the Menu Icon Title.

http://prntscr.com/g10gh9

Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘hamburger icon’ is closed to new replies.

Tags