sub menu shows capital instead of lower case

In the submenu I have a page which is called 'eCover Design'. Unfortunately however the submenu button says 'ECover Design'. It automatically makes the first letter a capital letter whilst in this particular case it should be a lower case letter.

I would like to be the navigation buttons show the text 'as I write it'. How can I make this happen?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li li a{
text-transform:none;
}

 

Thank you, it works!

 

Additional question:
In the mobile version menu this menu item is still called 'ECover Design'. Can you give me the code for mobile too?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px) {
  #menu .ddsmoothmenu li li a{
  text-transform:none;
  }
}

it will solve your issue.

Thanks and Regards,
Piyush

 

Unfortunately it doesn't work on all devices, Piyush.

It works on my iPad but not on the iPhone. I've tried to enter it below the code Gourev gave me earlier and it didn't work and also tried to put it above that code. Didn't work either...

Do you have another suggestion in which on both pc's and mobile devices the link says 'eCover Design'?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.it_mobile_menu li a {
  text-transform: none;}
 
.mobile_nav {
  text-transform: none;}