A user needs to remove the product title from popup modals on their Dawn theme product pages while keeping other modal elements intact.
Problem Details:
Proposed Solutions:
Three community members offered CSS-based fixes:
JavaScript approach: Add code to theme.liquid file above the </body> tag to target and hide the modal title
CSS method #1: Add custom CSS to hide .product-popup-modal__content-info .h2 and adjust padding
CSS method #2: Add code to base.css file targeting .product-popup-modal__content-info h1 with display: none !important;
All three solutions include screenshots showing successful removal of the modal title. One respondent suggested switching to a premium theme instead.
Status: Multiple working solutions provided, awaiting user confirmation of which approach was implemented.
I’m using Dawn theme for my website’s product page in that I need to remove the popup modal title alone on all the views. I’ll attach the reference image -
website: https://the-rugged.com/products/sleek-straight-fit-jeans-copy
password: rugged
I want like this.
Hey @Sivadarshan
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Sivadarshan
let try to add this custom css code:
.product-popup-modal__content {
padding-inline: 1.5rem;
}
.product-popup-modal__content-info .h2{
display: none;
}
the result:
Hi @Sivadarshan
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.product-popup-modal__content-info h1 {
display: none !important;
}
Result
Best,
DaisyVo
Why not make use of the premium theme instead, that helps with more features included @Sivadarshan
