Hide Text “menu” on menu mobile button

Have a read through this post of mine from last year, I never manged to hide it, but you may have more luck.

CLICK HERE

• This reply was modified 4 years, 8 months ago by Bam Bam.

Thank you very much for clues. Very difficult but finally I did it and it works.

This is my CSS code:

@media screen and (max-width: 768px) {

   button.menu-toggle {
     font-size: 0;
   } 

   .main-navigation button span {
     visibility: visible;
     border-radius: 3px;
     border: solid 1px rgba(255,255,255,.1);
     padding: 10px 20px 10px 28px;
   }
}

I still don’t mark as resolved by the second query about not collapsing submenus.

I would really apreciate some suggestion about that.

Thank you very much again!

Sergi Buyolo

Hi Sergi,

Another doubt, submenus in mobile devices are not collapsing individually in the button menu, ?is this the expected behavior or I’m doing something wrong?

Do you mean that the submenus are expanded automatically when you tap the button to open the menu on mobile? That is by design, yes, and not something that can be changed using only CSS (that I know of, at least ?? )

Do you mean that the submenus are expanded automatically when you tap the button to open the menu on mobile?

Yes KokkieH, I didn’t know if there was any option to collapse the submenus.

Thanks for the clarification ??

I close the thread.

Sergi

Happy to help ??