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