In my dawn theme website I want to hide the 60% off section which was present in left bottom. please help me with this. I’ll attach the reference image for your understanding.
website: https://offnorth.com/
Thanks in advance
Topic summary
A user needs to remove a “60% off” popup appearing in the bottom-left corner of their Dawn theme Shopify store (offnorth.com).
Solutions provided:
Multiple respondents offered CSS-based fixes to hide the element:
- Target the container with
#nitroPopUpIframeContainer { display: none; }ordisplay: none !important; - One suggestion targets
.customPhoneValidation { display: none; } - Add the CSS code to the theme’s
base.cssfile
Alternative approach:
- If the popup is generated by an app, disable the app extension instead of using CSS
Status: The issue appears resolved with multiple working solutions provided. Screenshots confirm the popup can be successfully hidden using the CSS method.
@Sivadarshan hey, thanks for posting here.
please put it in CSS:
if it help to solve your issue so please mark is as solved.
.customPhoneValidation {
display: none;
}
Hi @Sivadarshan ,
You can hide the 60% off section by adding following css:
#nitroPopUpIframeContainer {
display: none;
}
Or if you are adding this with any app, you can simply just disable that app extension the problem will be solved.
Hello @Sivadarshan
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
#nitroPopUpIframeContainer {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @Sivadarshan ,
Go to the base.css file and add this code
div#nitroPopUpIframeContainer {
display: none;
}
If that works for you. Don’t forget to like and mark it as a solution