Mobile and tablet menu deconfiguration

[beastizo]

Hi! We are having problems with the navigation menu on the mobile device and tablet: - When the submenu is displayed (https://prnt.sc/vz2jio) the text is in white on a white background ... We have tried to change it in customize but the change is not applied ... - Very important. The font is completely changed :( Please compare the menu source at https://prnt.sc/vz2uph with that of the mobile device or tablet https://prnt.sc/vz2jio Could you help us, please? Thank u in advanced!

[Diana]

This CSS will work for you .sidemenu li.menu-item-has-children, .sidemenu li.active a{background:#ff0000 !important;} Add in wp-admin > appearance > customize > custom CSS and change the hex color code according to your own requirement

[beastizo]

Thank you very much, Diana !! ... but one question, instead of changing the menu background, couldn't we just change the color of the menu text? On the other hand, the source is still changed :( ... It has nothing to do with that of the pc version (please, see and compare the menu source at https://prnt.sc/vz2uph with that of the mobile device or tablet https : //prnt.sc/vz2jio) Could you,please, help us? Thank you very much in advanced!

[Diana]

TO change the mobile menu text use this custom css .sidemenu li a{color:#0000ff !important;}

[beastizo]

Hi, Diana! I had not seen that you had answered me ... Sorry and many thanks! What about changing the font on mobile and tablet? ... On the pc you can see the font well but on the mobile it is changed ... (Please compare the menu source so you can see exactly what I'm talking about: https://prnt.sc/vz2uph vs the mobile device or tablet https://prnt.sc/vz2jio) Thank you in advanced! (and merry christmas! :))

[Ada]

You can use this css code for applying same font-family as in desktop view .sidemenu li a { font-family: "Roboto Condensed" !important ; font-style: normal !important; } Thank you for the wishes:)

[beastizo]

Hi, Diana! I have applied the css code but I do not see any changes :( Also, I have added the code so that the menu is in uppercase (like desktop view) ... but I do not see any changes either. Could you check the code I have entered to confirm if it is correct or if I am wrong? :S .sidemenu li a { font-family: “Roboto Condensed” !important; font-style: light !important; text-transform: uppercase !important; } Thank you very very much for your help!

[Ada]

But see https://prntscr.com/wbficc This code is working. Please recheck if you have added exact same code in appearance >> customize >> custom css

.sidemenu li a {
font-family: "Roboto Condensed" !important ;
font-style: light !important; 
text-transform: uppercase !important;
}

[beastizo]

Hello Ada! Happy New Year! I hope you had a happy Christmas! Sorry I didn't reply to you before, but lately I have received your emails as spam, and I hadn't realized that you had already replied days ago :( On the other hand, I have checked the css code and it is fine ... but I have also checked on many mobile devices and all of them still see the menu https://prnt.sc/wmoaxh I don't understand why you can see correctly but no others. Could you, please, take a look at it and see what's going on? Thanks in advanced!

[Ada]

Hi, Happy New Year to you also.:) I have added the code in the custom css code section on your site. https://prntscr.com/wsmta2 Please check and confirm .

[Author]

Posts