Dawn theme/ Remove gap above the footer on mobile

Store Design
1

Hi there,

my url: andrejewelry.com

Password: Thankyouverymuch121

I would love to remove the gap above the footer on mobile. There is no problem on PC. Please check the pictures below:

IMG_8997.jpg
IMG_8997.jpg1179Ă—2002 214 KB

IMG_6487.jpg
IMG_6487.jpg2388Ă—1542 421 KB

2

Hi @AndreaHuang

Check this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
  • And save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

@AndreaHuang , go to section-footer.css and add the following :

@media (max-width:768px){
   .footer {
    padding-top: 0 !important;
}

}
4

Here you go! It works perfectly. Thanks!!

1 Like