Hey Christian, Regarding #1: You've either setup your rules incorrectly - keep in mind when using 'smartphones' from the dropdown, it will apply up to 960px because of the 'big-screen phones'. (see screenshot). Or perhaps you're pointing to a 'responsive.css' which is in the /global folder of your theme? Sitefinity loads all css files in /global by default, moving it to the /styles folder would resolve it in that case. But ideally you should see something like this on your page source:
"only screen and (min-device-pixel-ratio : 1.5)"
"only screen and (min-width: 240px) and (max-width: 320px)"
"only screen and (min-width: 320px) and (max-width: 480px)"
Regarding your 2nd question, you've got several possibilities: First the responsive design works with the new navigation widget, which can do exactly what you described. In responsive design, there's a "navigation transformations" option where you can select it to transform into a dropdown. Or, you could set the page to go to a specially prepared site which has everything setup for mobile. Naturally, that's not ideal if you're aiming for responsive instead of mobile but depending on further content changes it could be an option. Jochem