Hello there,
I’m trying to change the height of my mobile version main banner to full screen height, but I failed.
This is recent condition
The Goal
I hope that someone can help me.
Thanks in advance.
Topic summary
A user is attempting to modify their Shopify Dawn theme to make the mobile banner display at full screen height, but their initial attempts have failed.
Current Issue:
- The mobile banner is not extending to full viewport height as desired
- Screenshots show the current state versus the intended full-screen goal
Proposed Solution:
GemPages support provided CSS customization steps:
- Navigate to Online Store → Theme → Edit code
- Open the theme.liquid file
- Insert custom CSS code before the closing
</body>tag
Current Status:
- The user attempted the suggested solution but reports it’s still not working correctly
- Another community member requested the store URL for further troubleshooting
- A Shopify preview link was shared for diagnostic purposes
The discussion remains unresolved as the proposed CSS fix did not achieve the desired full-screen mobile banner effect.
1 Like
Hello @JosephineJoseph
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
Your banner show like this
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
can you please share store url
