Add the text "Menu" to the mobile menu via CSS...
Up until very recently, I was able to add the following CSS to my Brizy Cloud sites and get text that read "Menu" next to hamburger icon on mobile devices.
@media (max-width: 767px) {
.brz-mm-menu__icon:before {
content: 'Menu';
font-family: inherit;
font-size: 18px;
position: absolute;
margin-left:-60px;
margin-top: 2px;
}}
For some reason, "brz-mm-menu__icon" CSS class no longer seems to work as target, and the websites I used the above code for had the "Menu" text stripped from them.
How can I get this functionality back? Has the CSS class for mobile hamburger menu changed, and what's the new CSS class?
Thanks!
-
Hi,
the CSS class has not been changed. We will check why it does not work. Meanwhile, try to add the code directly to the header settings: https://jmp.sh/NBirPcS It should work.
0 -
Thanks Alex, as a temporary solution that works! Just wish I knew what happened to make it not work in the general stylesheet all of a sudden. Anyway...
Cheers!
0 -
We will look into it but that will happen when we have more time. It is on a secondary list, so in the meantime use the solution above.
0
Please sign in to leave a comment.
Comments
3 comments