Change footer text spacing in mobile version

[isabellemaria]

Hi there,

how can I change the vertical space between the text in my footer in MOBILE VERSION only? Would be best to change it directly in section-footer.css.

www.taneraskin.com

Best regards,

Isabelle 

[BSSCommerce-HDL]

Hi @isabellemaria, Pls insert this code to your file css: 

@media only screen and (max-width: 749px) {
  .footer-block__details-content {
    margin-bottom: 0.9rem !important;
  }

  .footer-block__heading {
    margin-bottom: 0.7rem !important;
  }
  
  .footer-block.grid__item {
    margin: 0 !important;
  }
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[isabellemaria]

This doesn't work. It looks exactly like before, as you show in the screenshot. This is what I already have. Do you have another solution? MAybe how to change it instead of adding code?

[BSSCommerce-HDL]

Hi @isabellemaria, 

ou can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you'll insert my code inside it

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍