Top Menu Not Resizing Properly

I still couldn't get it, Ivan. I even tried to add the code to each of the media levels and tried to delete the global image line that you stated.

The image still stays at maximum and doesn't scale, on a tablet or on a computer screen.

The css I gave you should be placed in bottom of template_css.css , after all other content

Still not working. Here's my .css file.

Even if I get this to work, will it only resize for phones or will it resize for all medium (smaller computers), tablets, etc...

you could increase max-width:

@media screen and (max-width:768px) {
.toprow .cell{
width:100%!important;
}
}