Why isn't my footer menu displaying correctly on mobile?

Solved

Why isn't my footer menu displaying correctly on mobile?

NYSHOP
Visitor
2 0 0

 Was about to launch my site. But after looking at the mobile version i've noticed there's something wrong with my footer menu's (see photo below). Tried everything wondering if someone can help without it messing up the desktop footer.

 

Screenshot 2024-02-21 at 8.03.53 PM.jpeg

 

 

 

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
11612 2276 2456

This is an accepted solution.

Go to your Online Store > Themes > Edit code > open section-footer.css file, find and remove this line of code to solve the issue

@media screen and (min-width: 50px){
.grid--2-col .grid__item {
    width: calc(0% - var(--grid-desktop-horizontal-spacing) / 1) !important;
 }
}

Screenshot 2024-02-22 at 11.11.13.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Hi @NYSHOP 

Please share your store URL so I can check and provide you solution

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

NYSHOP
Visitor
2 0 0
Dan-From-Ryviu
Shopify Partner
11612 2276 2456

This is an accepted solution.

Go to your Online Store > Themes > Edit code > open section-footer.css file, find and remove this line of code to solve the issue

@media screen and (min-width: 50px){
.grid--2-col .grid__item {
    width: calc(0% - var(--grid-desktop-horizontal-spacing) / 1) !important;
 }
}

Screenshot 2024-02-22 at 11.11.13.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.