hamburger-icon MOBILE: Change Hamburger menu to word "MENU"

On 3/21/2024 at 7:31 PM, twigsplace said:

Hi, does anyone have the correct code to do this on the Mint template (Marquee family).

I want to be able to add the word 'menu' next to the hamburger on my site www.twigsbranchphotography.com

Many thanks! 

You can use this code to Website > Website Tools > Custom CSS

/* Burger to word Menu */
.icon-menu:before {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

3 hours ago, tuanphan said:

You can use this code to Website > Website Tools > Custom CSS

/* Burger to word Menu */
.icon-menu:before {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

 

Hi @tuanphan - thanks so much for the help. Is there a way to add the word menu alongside the hamburger? Rather than replace it completely? Many thanks! 

On 3/25/2024 at 6:55 PM, twigsplace said:

Hi @tuanphan - thanks so much for the help. Is there a way to add the word menu alongside the hamburger? Rather than replace it completely? Many thanks! 

Just change :before to :after

/* Burger to word Menu */
.icon-menu:after {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

9 hours ago, tuanphan said:

Just change :before to :after

/* Burger to word Menu */
.icon-menu:after {
    content: "Menu" !important;
    font-family: initial !important;
    font-size: 14px;
}

Thanks so much @tuanphan this worked perfectly!