Change in responsive menu after upgrading to version 3.4.6

Well here’s one solution, but let us know what would work better

.btn.menu-btn:after {
content: "Menú";
float: right;
margin: 0px 0 0 0;
}

Thanks for your reply, with this option is written “Menu” below the three lines, but before the change this text was on one side of the lines within a button, now a button no longer appears, only the lines on a background.

How can I restore it as it was before? as a button and the text to the left? gracias

Try this

.navbar .btn-toggle-nav .btn {
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #1E9E7F;
    background-image: linear-gradient(to bottom, #23B894, #177760);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 0px rgba(255, 255, 255, 0.075);
}
.navbar .btn-toggle-nav .btn:after {
content:        "Menu";
float:          right;
margin:         -25px 0px 0px 35px;
}

Thank You! It worked better! I changed some colors and added:

border-radius: 4px;

The only thing that does not work well, is that when you click on the button the text “Menu” is located in the top margin, and is not centered, and looks disordered.

Additionally something happens: the preview during the wordpress customization text “Menu” does appear, but when I save and see it in the browser does not get the text. I even deleted cookies and navigation data and not working.

#6 – OK change the bottom bit to:

.navbar .btn-toggle-nav .btn.collapsed:after {
content:        "Menu";
float:          right;
margin:         -25px 0px 0px 35px;
}
.navbar .btn-toggle-nav .btn:after {
content:        "Menu";
float:          right;
margin:         -15px 0px 0px 35px;
}

#7 – I used CustomCSS to test and get the same symptom of losing the text.

Are you using a Child Theme style.css (which is the preferred method)?

Need a link to your site as I’ve been using my generic test site.

You’re right, I was testing from the customCSS but now modified from the style.css of childtheme and the text looks, but now looks messy before the first click after clicking is arranged. the page is:
https://pintar-al-oleo.com/

the idea is to take it to as it was before:

https://web.archive.org/web/20150326033853/https://pintar-al-oleo.com/

OK, but the fundamentals of that button have changed so I’m trying to create a workaround which will not be an exact replica.

The word Menu is wrongly positioned because of the margin: -25px 0px 0px 35px; which needs adjusting.

Did you try Header>Navigation Menus>Main Menu Design>Display a label next to the menu button? Still not original button but saves having to use CSS fixes

Just I try it, but it only works when “Side menu” is used, and put a note that says, “the label is hidden on mobile devices.”
I intend to put this note is because I have users with little knowledge on the Internet, and do not always understand that the three lines correspond to the menu.