Hello,
I have the following code in my rt_audacity-custom.css file which works fine, I can see the overried apply on front-end:
div#g-recaptcha {
margin-left: 74px;
}
.recaptcha {
padding-left: 103px;
}
However this applies to all devices (mobiles, tablets and desktops). How can I ensure this does not apply to mobiles and tablets but only to desktop?
I tried the following but the mobile/tablet view didn't change and kept the overrides from the previous custom css:
// Mobile Modes
@media (max-width: 767px) {
div#g-recaptcha {
margin-left: 0px;
}
}
// Mobile Modes
@media (max-width: 767px) {
.recaptcha {
padding-left: 0px;
}
}
Thanks.