Solved

How To Fix Footer?

Mitesh3
Excursionist
61 0 8

I want To fix Footer in Mobile view make it horizontal

URL https://luxuriajewllery.com/

Screenshot_2024-03-28-00-48-36-61_e4424258c8b8649f6e67d283a50a2cbc.jpg

Accepted Solution (1)

Spac-es
Shopify Partner
327 98 111

This is an accepted solution.

Add this code in your theme.css file:

 

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

 

Result:

 

result.PNG

View solution in original post

Replies 2 (2)

Spac-es
Shopify Partner
327 98 111

This is an accepted solution.

Add this code in your theme.css file:

 

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

 

Result:

 

result.PNG

Vinsinfo
Shopify Partner
161 56 50

@Mitesh3 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;
    }
}​

 

Vinsinfo_0-1711604510485.png

 

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