How can I change the menu icon to the word 'MENU' on my website?

Shopify Discussion
1

I would like to change the menu icon to simply word MENU. It must be aligned with the word CART and be of the same size and color.

Captura.JPG
Captura.JPG294×166 7.16 KB

2

https://lelaloot.com/

3

Please add this code at the bottom of your base.css file

details#Details-menu-drawer-container:after {
    content: 'MENU';
    display: flex;
}
details#Details-menu-drawer-container .header__icon--menu { display: none !important; }
1 Like
4

Hi, thanks but its colour looks a little bit different. Could you please change its colour to #452B1A ? Thanks

5

Code updated

details#Details-menu-drawer-container:after {
    content: 'MENU';
    display: flex;
    color: #452B1A; 
}
details#Details-menu-drawer-container .header__icon--menu { display: none !important; }
1 Like
6

Thanks, but I just realize that menu doesn’t display after changing the incon to the word MENU. There is a way you could fix this please?

7

Code updated

details#Details-menu-drawer-container:after {
    content: 'MENU';
    display: flex;
    color: #452B1A; 
    margin-top: -36px;
}
details#Details-menu-drawer-container .header__icon--menu { opacity: 0; }