Main issue: Unwanted white space appears in mobile view beneath a Custom Liquid section in the Shopify Dawn theme (screenshot provided; preview link shared). Dawn is a Shopify storefront theme; Custom Liquid is a section for inserting custom code; a CSS media query targets styles on small screens.
Proposed fix: Insert a CSS block into theme.liquid immediately after the tag.
Outcome: The CSS change eliminates the white space on mobile. The solution was confirmed to work, and the issue is resolved. No further actions or disagreements noted.
Hi all,
After trying to figure out how to get rid of the unwanted white space and trying tons of solutions I’m asking to see if someone else knows how to fix my issue.
It’s about the white space that only appears on mobile view.
Website link: https://4o6555rrg9gapo72-57866944677.shopifypreview.com
Any help would be much appreciated!
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
Go to Online Store->Theme->Edit code theme.liquid paste my code after element
@media (max-width:767px){ #shopify-section-template--15765802647717__166332831504512863 .hero{ min-height:auto !important; padding-bottom: 20px !important; } #shopify-section-template--15765802647717__166332831504512863 .hero div{ padding:0 !important } #shopify-section-template--15765802647717__166332831504512863 .video-bg{ position:static !important; transform:none !important } #shopify-section-template--15765802647717__166332831504512863 .videobanner__box .button_spotlight{ position:static !important } }Best Regards;
PageFly
Thanks a lot! This worked perfectly.
you are welcome. I glad when can help you
