Change Hamburger Menu To Read 'menu' - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Change Hamburger Menu To Read 'menu'

Alison

Alison

Template 2 years ago

Hi

I am using helixultimate 2.0.13 I would like to change the offcanvus hamburger 3 lines to read 'MENU' Can you help me achieve this please?

Thanks Alison

p.s. I could not find it in your customization tips p.p.s Nia gave a solution that was not possible

0
5 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #126910

Hi there!

Thanks for your query.

There is no default way to do that. You may try the following code in your custom CSS:

a#offcanvas-toggler:after {
    content: "Menu";
}
.burger-icon {
    display: none;
}

Hope it will give you the desired thing.

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

1
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126909

Hi

Thanks for contacting us. Could you please give me any demo of it what's kind of actually you are looking for?

-Regards.

0
Alison
Alison
Accepted Answer
2 years ago #126920

Perfect, thanks Rashida

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #126935

Hello Alison,

You're always welcome and thanks for accepting the answer:)

Have a nice day!

0
Robert
Robert
Accepted Answer
2 years ago #126923

Hi,

Just a little FYI; for a slightly cleaner look, you may add a space as shown in the example below.

content: "Menu"; change to content: " Menu";

Regards.

0