Minor Issue with Dark Theme

Solved
Blaine2045
Excursionist
18 0 7

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.

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2226 3057

This is an accepted solution.

@Blaine2045 

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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 4 (4)
dmwwebartisan
Shopify Partner
9731 2226 3057

@Blaine2045 

 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Blaine2045
Excursionist
18 0 7

@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):

AboutPageSS.jpg

AboutPageSS-2.jpg

dmwwebartisan
Shopify Partner
9731 2226 3057

This is an accepted solution.

@Blaine2045 

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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Blaine2045
Excursionist
18 0 7

@dmwwebartisan Perfect! Thank you so much for the help