hello,

I have embed some php code into an article. This is working fine. But I want it to make it repsonsive. How can I add css code for the responsive layout? Must that be in the s5_responsive.css or can I put this just in the custom.css?

I have tried both but it is not picked up by the code of template. For example if I put somewhere at the end of the rs5_responsive.css/custom.css or in the middle of s5_responsive.css or add it to an existing part, every time I refresh, I'm developing with google chrome remote device, I see the css but my changes are excluded, are not there. If I look at the template and check there the css file, my changes are in there!

I have tried this for example

/*this I have tried to add s5_responsive.css/custom.css with different max-with like 750px, 767px, 479 px etc */
@media screen and (max-width: 750px){
    .column_bestuur_commissie {
        width:30.5%;
    }
}

Or I have add it to the existing part in s5_responsive.css

/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */
@media screen and (max-width: 750px){
	/* CUSTOM
	----------------- */
	
	#s5_search_wrap {
	display:none;
	}
	
	#s5_social_clear, #s5_social_bar_narrow_screen {
	display:block;
	}
	     /* My add css */
        .column_bestuur_commissie {
        width:30.5%;
        }
}


/* CUSTOM SIZES
----------------------------------------------------------- */
@media screen and (max-width: 767px){
	      /* My add css */
        .column_bestuur_commissie {
        width:30.5%;
        }
}

This is the result in the browser of my remote device debugging, and look at the css file, everything is in there except my changes?

/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

@media screen and (max-width: 750px){

	/* CUSTOM
	----------------- */
	
	#s5_search_wrap {
	display:none;
	}
	
	#s5_social_clear, #s5_social_bar_narrow_screen {
	display:block;
	}
	
}
/* CUSTOM SIZES
----------------------------------------------------------- */


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

I understand there is a trigger in the template which has the value of 750px.

My question is: WHY IS IT NOT LOADED? What do I not understand or wrong? I can't find it out with the tutorials. It is hard to understand for me why this is not simply working?

Thanks.

Nico