Question 11485 in Shopify Question posted in
The Shopify help center can be found here.

Shopify Dawn Theme – Reduce Footer Size

I am creating my website and using the Dawn theme, from Shopify.

I want to reduce the footer size, since it looks too height:

(https://i.stack.imgur.com/2tHGT.png)

I tried to use this code in section-footer.css, but didn’t see any changes:

@media screen and (min-width: 750px) {
.footer-block__details-content {
    column-count: 3;
}
}

I’ve now added this code to the section-footer.css but nothing happened:

[1]: https://i.stack.imgur.com/C1BtJ.png

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    This code worked for me:

    @media screen and (min-width: 750px) {
    .footer {
        padding-top: 20px !important;
    }
    .footer__content-top {
        padding-bottom: 20px;
    }
    .footer__content-bottom {
        padding-top: 0;
    }
    .product--large:not(.product--no-media) .product__media-wrapper {
        max-width: 55%;
    }
    .product-media-container.constrain-height.media-fit-contain {
        width: 100%;
    }
    .product--large:not(.product--no-media) .product__info-wrapper {
        max-width: 45%;
    }
    .product__title h1 {
        font-size: 3.5rem;
    }
}

  2. 0

    modify the CSS for the .footer class

    @media screen and (min-width: 750px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search