Remove custom CSS based on viewport

How To
1

Hello,

I have added some custom CSS, which I want to remove on mobile, however, when I look at the mobile viewport in the builder the CSS field is empty (even though the impact of this CSS is applied).

Desktop viewport:
image

Mobile viewport:
image

Is there an easy way to disable the custom CSS code for the mobile viewport? Unlike other settings, I cannot simply remove it.

Thanks
Philippe

2

Not sure, but you could try:

%root% {
 background-color: initial;
}

in the mobile CSS

3

Or wrap your custom css in media query

@media (min-width: 767px ) {  
// 767px is the minimum device size on which the following instructions will be applied
  %root% {
    // your style here
  }
}
4

Great, thank you !
Best regards,
Philippe