Hi I am wanting to add the word “MENU” before the hamburger icon when using the hamburger icon on the main website (not mobile website).
I have found instructions elsewhere on this forum for how to do this for the mobile version but not the desktop version when having the menu be displayed as icon and not text in the settings…
Any easy way to do this please?
Thanks,
James.
Hey James,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
li#menu-item-burger:before {
content: 'Menu';
position: absolute;
left: 10px;
top: 10px;
}
Best regards,
Yigit
Hi Yigit,
No that didn’t work…
Any other ideas?
Thanks,
James.
Hi!
Can you please post the link to your website? We might need temporary admin logins as well, so please post them here privately if you do not mind :)
Cheers!
Yigit
Here’s what (sort of) worked for me (I’d prefer it if the menu also opened when you clicked on the word “menu”). Note, this is for screen widths wider than tablet portrait:
@media only screen and (min-width: 769px) {
li.av-burger-menu-main:before {
content: 'MENU';
position: absolute;
left: -40px;
top: 35%;
}}
Hi,
@sky19er You could try changing the code to following one
@media only screen and (min-width: 769px) {
li.av-burger-menu-main a:before {
content: 'MENU';
position: absolute;
left: -40px;
top: 35%;
}}
If that does not help, please start a new thread under Enfold sub forum and post a link to your website :)
Best regards,
Yigit