Include external librarie css mobile version

I included a css. It work fine on the “desktop view”, but doesn’t do anything at the “mobile view”. Even if I use “@media only screen and (max-width: 600px) {}” in the css. What do I do wrong here?


<!-- CSS Files -->
<link rel=‘stylesheet’ type=‘text/css’ href="<?php echo sc_url_library(‘prj’, ‘test’, ‘css/style.css’); ?>" />

I have this problem only with the form. I found a little solution to make a footer and included the CSS in the footer. Than use that footer in the form and that works…

I’ve made one header and one footer for my entire application; it figures out what app it is and loads a basic set of js/css and and lazy loads the rest with JS though a document on ready call in the footer. Was a bit tricky to get going, but I wanted as little custom code per page. Works like a charm now. Little hint if you’re using custom CSS; bork the internal one. Better said, turn of anything and everything that’s got a setting, colors to null, transparent or none. The less CSS is handled by Scriptcase, the better - if you’re customizing.