I need to make my changes only at my responsive css and I don't want it to affect my normal css? How can I do it with the codes. Here is my js:
$("#open-button").click(function () {
$('#additem').css({ 'margin-left': '10%' });
});
The below is my css and responsive css
/*normal css*/
#additem{
margin-left:0;
}
/*responsive css*/
@media all and (max-width: 1366px) {
#additem{
margin-left: 25%;
}
}
'margin-left': '10%'
to be applied only in case ofmax-width: 1366px
?