Why is there white space on my mobile About Page with dark theme?

Store Design
1

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.

2

@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!

3

@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.jpg957×768 68.1 KB

AboutPageSS-2.jpg
AboutPageSS-2.jpg957×768 57.5 KB

4

@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;
}
}
5

@dmwwebartisan Perfect! Thank you so much for the help