Add the text "Menu" to the mobile menu via CSS...

Turnkey Webmaster

• August 25, 2020 17:43

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!

0

• 

  Alex

  • August 26, 2020 11:47

  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
• 

  Turnkey Webmaster

  • August 27, 2020 00:41

  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
• 

  Alex

  • August 27, 2020 11:54

  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.