I wanna close a gap in the mobile footer of my theme

[MDKSocks]

Hey! I am running the District theme and on mobile I feel like the gap above the footer in the gray area is a bit to big. I would love to move the complete footer text up so there is less of a gray gap. (Only in mobile)

Anyone has any ideas on how to do this? (See screenshot)

[Kinjaldavra · Accepted solution]

hello @MDKSocks 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 800px){
footer.site-footer {
    padding: 0 20px !important;
}
}

[LitExtension · Accepted solution]

Hi @MDKSocks, 

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media screen and (max-width: 800px){

        footer.site-footer {

                padding-top: 0px !important;

        }

}

[Kinjaldavra · Accepted solution]

hello @MDKSocks 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width:749px){
#shopify-section-1610031492f82d8054 .simple-collection.layout-12{
	padding-bottom: 0;
}
}