Hello, I've implemented a dark mode into the Streamline theme.
Everything is fine, except on my About Page on mobile. There is white space at the top, when it should match the theme's dark background color (#121212).
No other pages have this problem, and I can't figure out what the issue is. Again, the issue is only on mobile.
The page is:
https://killyourgod.ai/pages/about-kyg
Any assistance would be greatly appreciated.
Thank you.
Solved! Go to the solution
This is an accepted solution.
Please remove previous css and add this news css code
@media only screen and (max-width: 768px){
#shopify-section-template--14177401536610__1634657265a64d1238 .index-section {
padding: 30px 0 !important;
margin: unset !important;
}
}
Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets > theme.css and paste this at the bottom of the file.
@media only screen and (max-width:768px){
#shopify-section-template--14177401536610__1634657265a64d1238 .index-section {
margin: 30px 0 !important;
}
}
Thanks!
@dmwwebartisan Thank you for the quick response, unfortunately that didn't fix the problem. It reduced the size of the white space, but it is still white:
Here are screenshots (taken before I applied your code):
This is an accepted solution.
Please remove previous css and add this news css code
@media only screen and (max-width: 768px){
#shopify-section-template--14177401536610__1634657265a64d1238 .index-section {
padding: 30px 0 !important;
margin: unset !important;
}
}
User | RANK |
---|---|
232 | |
53 | |
50 | |
32 | |
32 |