mikeblock0

I want to thank the 2 above that helped with this problem. For anyone else reading this – what worked in the end was taking out all of the suggested code above and just adding in the code that salsaturation suggested:

@media (max-width: 979px) {
.btn-toggle-nav .menu-label {
display: block;
}
}

This worked on a wordpress site that was not multisite enabled.
I also have a site that is multisite enabled and has exactly the same theme and settings but none of the code above worked.

So unless someone knows how to get the title ‘Menu’ to appear on ALL mobile devices next to the burger icon, not just some mobile devices, this is what I have finally done.
I have removed all of the following code from the child CSS:
/* START OF Add “MENU” text to 3-BAR Menu button */
.menu-btn {
width:90px;
height:30px;
vertical-align: top;
}
.menu-btn:after {
content:’Menu’;
float:right;
margin:-16px 0 0 0;
}
/* END OF Add “MENU” text to 3-BAR Menu button */

and have removed all code from the PHP

and the ONLY code I have left in is:
@media (max-width: 979px) {
.btn-toggle-nav .menu-label {
display: block;
}
}
And it works fine on the ipad but not my Samsung mobile

Thanks to you both for all your efforts.

It appears to work on an ipad but not on a mobile phone?

Thank-you salsaturation. I have put the code back in that you fixed. I have also added:

@media (max-width: 979px) {
.btn-toggle-nav .menu-label {
display: block;
}
}

into my child CSS file, but I still have the same problem. I have also made sure that my site is caching properly.

Thank-you stellamaris5. I have put back the code that salsaturation fixed for me. I have also made sure that the page refreshes properly with cache clearing. I still have the problem.

Thanks Stellamaris5. I put these pieces of code in my child theme PHP and CSS respectively. The result is that the hamburger icon has disappeared. In it’s place is a vertical blue button with no text either on the button or next to it. The blue button does nothing.

Thanks salsaturation. The link to my website is https://www.stopsmokingkettering.org.uk

Thank-you salsaturation.
So this is the code I have put into my child CSS
/* START OF Add “MENU” text to 3-BAR Menu button */
.menu-btn {
width:90px;
height:30px;
vertical-align: top;
}
.menu-btn:after {
content:’Menu’;
float:right;
margin:-16px 0 0 0;
}
/* END OF Add “MENU” text to 3-BAR Menu button */

It shows nothing on mobile devices.
(I also tried “MENU”)
Any other ideas?
Thanks

The child theme is now working! I just went through all the steps of creating the child again from the beginning and it now works.