Dawn theme troubleshooting - urgent

[Sivadarshan]

In my dawn theme website, I want to hide the nitro scratch card popup in mobile view. please help me to hide that.

website: https://offnorth.com/

please help me to remove this 

[GTLOfficial]

Hello @Sivadarshan 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media screen and (max-width: 768px) {
#nitroPopUpIframeContainer {
  display: none !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Sivadarshan]

@GTLOfficial I have tried multiple times this code, but nothing happens

[tim]

The CSS code in your base.css is not closed properly. 

Browser can live with that, but when you add more code, it does not work 100% as expected.

This is why I try to avoid editing theme code in my recommendations.

What you can do:

1) Try adding this code to the Customize=> Theme Settings=> Custom CSS. Or,

2) Add a "Custom liquid" section to the "Footer" section group and add code wrapped with <style> ... </style> tags. Or, 

2) add a closing curly brace before the code recommended by @GTLOfficial if adding to the bottom of the base.css, like this:

}

@media screen and (max-width: 768px) {
  #nitroPopUpIframeContainer {
    display: none !important;
  }
}