I have created a modal contact form on Dawn theme for my product pages, and while it is working great for the most part, I am encountering an issue where I can still see some of the background elements (namely the button outlines as well as “materials”, “dimensions”, etc when scrolling down. Does anyone have a fix for this? Much appreciated.
@nevadaskye ,
Please share your store URL or the Preview Link.
@Muhammad_Ali_S https://eggculture.com
password: Ne1TroywyfloiYJ
Add this code at the bottom of your base.css file.
.contact-modal-container {
z-index: 1 !important;
}
unfortunately I can still see the background elements
@nevadaskye ,
Which app you’re using for the popup?
Not using an app, I coded it in as a snippet as “product-modal-contact-form.liquid”
Ok. Then it’s easy to fix it, Send me a screenshot of the code.
@Muhammad_Ali_S is it okay to copy and paste it or would you prefer screenshots?
1 Like
@Muhammad_Ali_S well done. Much appreciated! Thank you very much for the help.
@nevadaskye
You’re welcome.
1 Like