I’m using the Dawn theme with shopify forms, and the popup on the mobile is showing up really long and covering the whole screen. How can I fix this? There’s also a lot of white space between the text and image, which i want to reduce.
Topic summary
A user is experiencing mobile display issues with a popup form in the Dawn theme. The popup extends too long, covering the entire mobile screen, and contains excessive white space between text and image elements.
Proposed Solution:
- Add custom CSS to
base.csstargeting the grid item content padding on mobile devices (screens under 749px) - The suggested code aims to reduce padding to minimize white space
Current Status:
- The proposed CSS solution was tested but did not resolve the issue
- The problem remains unresolved and requires further troubleshooting
Note: Screenshots were provided showing both the original problem and expected result, which are central to understanding the layout issue.
Hello @cheripressons
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: 749px) {
._gridItemContent_stahb_257 {
padding: 0px 10px 0px 10px;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Tried, did not work 