My Shopify store is having issue in the login page responsiveness. It is only happening in the Apple monitor or wider screens. There is a large white blank space below the footer. Image attached.
Website:
Password:
newdesign123
Topic summary
A Shopify store owner encountered a responsiveness problem on their login page, specifically on Apple monitors and wider screens. The issue manifested as excessive white space appearing below the footer.
Problem Details:
- Only affected larger/wider displays (Apple monitors)
- Login form displayed abnormally with blank space
- Screenshot provided showing the layout issue
Solution Provided:
A community member (from Ryviu) suggested adding custom CSS code to the theme.liquid file:
- Navigate to: Online Store > Themes > Edit code
- Insert the provided CSS snippet after the
<head>tag - The code targets the login form’s responsiveness behavior
Resolution:
The proposed CSS fix successfully resolved the issue. The original poster confirmed the solution worked for their store.
Hi @Shary652
I’m Dan from Ryviu: Product Reviews & QA
You can add this code to theme.liquid file, after in Online Store > Themes > Edit code to solve the issue
Hope this help!
Best Regards,
Dan from Ryviu
Thank you so much. It worked for me.