How can I reduce the size of my Dawn theme footer on mobile?

Store Design
1

Please refer to the image, i want make the footer smaller on mobile so the menu is lower and there is less gray and mostly the white background on the page. More similar to how its composed on desktop.

IMG_6912.jpg
IMG_6912.jpg828×1792 44.9 KB

1 Like
2

lscher.love

1 Like
3 
@media screen and (max-width: 749px){
.footer__content-top.page-width {
    padding: 0px !important;
}
}

Add this code in the base.css file

1 Like
4

this helped. i would still like it about half the size smaller. @Zworthkey

1 Like
5

Hi @Jacob_Beam ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 749px){
.footer-block__heading {
    margin: 0 !important;
    font-size: 0 !important;
    padding-top: 15px !important;
}
.footer-block__details-content,
.footer .grid {
    margin: 0 !important;
}

}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.