Change colors for the smartphone

I want to change the colors of the top menu for the smartphone.
Where do I have to make the changes?
Do I have to look in the CSS folder for this?
I ask for help!

Hello,

This is a very good question. I wrote a tutorial that explains how to change the colors of the mobile menu. The same approach can be used in the other templates that have a mobile menu: www.hotjoomlatemplates.com/blog/joomla-t...s-of-the-mobile-menu

Regards,
Milos

Hello! Unfortunately the instructions were not helpful. I inserted the CSS exactly after the description. But I can't change the color code. The view from the menu is too bright on the smartphone.See the attached screenshot.  
 

Hello,

Where you added the code? What CSS code you added?

If code is added in custom.css file you must clear mobile browser cache after each change to the file.

Thanks
Milos

OK, I'll do that! Thank you for the info!

Hello
I tested both options. Unfortunately without success. I also deleted the history including cash on my Android smartphone.
I loaded the code into this file /templates/sparky_framework/css/custom.css using Adobe Dreamweaver
then loaded the custom.css back to the same position on the server with FileZilla.
Unfortunately, nothing changes in the color scheme. Also pasting the code into tamplate framework/custom/css didn't change any colors.
In the source code of the page I can see:

---

#responsivelightbox img {
width:300px;
height:90px;
border:3px solid #757575;
padding:0px;
background: #eeeeee;
-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 );
box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 );
-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}

#responsivelightbox img:hover,
#responsivelightbox img:focus {
border:3px solid #999999;
background: #ffffff;
-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 );
box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 );

---

In which file can the code be found? Then I can change the colors! Or?