Change menu icon of three bars with text

Try this, to be added in your child theme’s custom CSS:

@media (max-width:480px) {
.navbar .btn-toggle-nav.hover .icon-bar {
    background-color: rgba(0,0,0,0) !important;
}
.btn-toggle-nav .btn.menu-btn.collapsed:before {
    content: "Menu";
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    position: relative;
    font-size: 20px;
    display: block;
    top: 5px;
    text-align: center;
    color: #000;
}
}

Adjust as you’d like!

Hello and thanks!
I entered the code but nothing has changed. Remains the menu icon.

Try this instead:

@media (max-width:979px) {
.navbar .btn-toggle-nav .icon-bar {
    background-color: rgba(0,0,0,0) !important;
}
.btn-toggle-nav .btn.menu-btn:before {
    content: "Menu";
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: 1;
    position: relative;
    font-size: 20px;
    display: block;
    top: 5px;
    text-align: center;
    color: #000;
}
}

Hi,
Would this snippet help?
https://presscustomizr.com/snippet/change-menu-label/

I included all the various codes but nothing changes. I always have three bars like I have not set any code.
Menaka, as you can see in the article I asked for help commenting, but you answered just you telling me to open a help request here ..

As it will be then another chaos to change font, font size, etc.
How do I insert a small personalized icon.png instead of the menu text?

Ah, you mean that you want to remove the three-bar itself?
Add this to your child theme’s style.css

.navbar .btn-toggle-nav .icon-bar {
    display: none;
}

In addition, from the customiser, go to Header->Navigation Menus, under Main menu design, check against
Display a label next to the menu button.

Hope this helps.

Ok thanks, and to add a custom icon for example 25px x 25px