We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

embed text in offcanvas-toggler

Featured Lock Resolved Issue
Bonjour message from France

In the link id offcanvas-toggler, is it possible to add a text to the right or to the left of the tag <i class = "fa fa-bars">
I would like to put the word "menu"

If possible, can you explain to me how? Thank you

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
It was so easy

#offcanvas-toggler::after {
content: " Menu";
color: #c3c4c5;
font-weight: 500;

#offcanvas-toggler:hover::after {color: white;}

Paul Frankowski - Staff

More than a month ago #Permalink
yes, should be possible by using custom CSS.

#offcanvas-toggler::after {content: " Menu";}


Attachments (1)

  • custom_css_helix3.jpg
    custom_css_helix3.jpg 74.4 KB


More than a month ago #Permalink
thank you Paul
It works . Just a color problem
the text "menu" have the same color as the # sp-header .container, and so is invisible
how to change the color of this text, and he react like the fa fa-bars on mouse over
thank you very much



More than a month ago #Permalink
It's excellent

Thank so much


There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us