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

Solved

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)

Screenshot_20210616-004549_Chrome (1).jpg

Go sock yourself! -- https://mdksocks.nl
0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
afif09
Tourist
8 2 1

Can you share your store url.? Let me look in.

0 Likes

My store url: www.mdksocks.nl. Thanks in advance!

Go sock yourself! -- https://mdksocks.nl
0 Likes

My store is mdksocks.nl. But I can't just spread my password here, I hope we can come to another solution! I don't want people to break into my store and delete products and stuff

Go sock yourself! -- https://mdksocks.nl
0 Likes
LamQSolutions
Pathfinder
113 26 39

Hi,

Maybe you can create a preview link to show your store https://www.youtube.com/watch?v=3O1GFNxBIWA

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
0 Likes
Natztech
Shopify Partner
1378 386 930

This is an 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;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
LitExtension
Shopify Partner
1210 155 216

This is an 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;

        }

}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes

Thank you so much! Last two both worked!

Go sock yourself! -- https://mdksocks.nl
0 Likes

@MDKSocks 

If the issue is resolved kindly click on "Accept as Solution" below the answer(s) which helped you. 

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.