Can someone point out the media queries (responsive) in 2.0?

Hi guys,

First off, wow. What a big change (to the better) in the interface between previous 1.5 versions and this 2.0 version, good job!

Now to my problem. I am re-structuring and adjusting the original theme in 2.0 to my needs but I can't seem to figure out where to make changes in the stylesheet to get to the responsive design. I am trying to make changes under but nothing happens when I view the page on my Galaxy S4.

Main problem also is that the "categories button" is not working properly when viewing the site on a mobile device. Nothing happens when pressing it. Further on the texts (altough the icons are there) in "top links" are missing. But once I find the correct media queries I surely will be able to correct this.

Anyone faced the same problems?

Thanks in advance guys and girls!

OC 2.0 uses Bootstrap 3, so if you're asking about how to structure media queries, etc..knowing what's running the thing and having the docs handy is a good thing.

That said, I think you're looking for this file...

\catalog\view\javascript\bootstrap\css\bootstrap.min.css

Thank you tacobandito!

Actually, I did look at the "bootstrap.min.css" but it didn't made me feel any smarter.
First of all, it wasn't broken down like a regular css when viewing it with notepad++. All code in a single line.

But thank you for the advice and the link, I am reading some good tips from the site as we speak.
Like the "no zooming" -thing, and how I add that in my header file etc.

Have a great evening!

You just need to Unminify the css. Then it'll look normal.

Just so you are aware, this minification is just done for file size so it loads faster. All that white space makes a very small difference in load times.