How To Fix Footer?

[Emiway]

I want To fix Footer in Mobile view make it horizontal

URL https://luxuriajewllery.com/

[Spac-es · Accepted solution]

Add this code in your theme.css file:

@media (max-width: 699px) {
  .footer__item-list {
    grid-template-columns: 1fr !important;
  }
}

Result:

[Vinsinfo]

@Emiway Please follow below steps to display footer content in horizontal. Let me know whether it is helpful for you.

1. From admin, go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Search "theme.css" file and paste below code at the bottom of the file. You can change the width px as per your need in the "max-width: 740px".

@media screen and (max-width: 740px){
    .footer__item-list {
        grid-template-columns: 1fr !important;
    }
    .footer__item {
        max-width: 100% !important;
    }
}​

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.