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
7990 1560 1583

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 and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7990 1560 1583

Hi @NYSHOP 

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

- Helpful? Like and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

NYSHOP
Visitor
2 0 0
Dan-From-Ryviu
Shopify Partner
7990 1560 1583

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 and Accept solution to let me know or Buy me coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.