Shopify themes, liquid, logos, and UX
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 |
---|---|
121 | |
91 | |
77 | |
72 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022