Reduce mobile footer - 2 columns

Shopify Discussion
,
1

Hi All,

I want to display my footer in 2 columns as in menus should appear parallel.

[https://kashco-interiors.myshopify.com/?_ab=0&_fd=0&_sc=1](https://kashco-interiors.myshopify.com/?_ab=0&_fd=0&_sc=1\)

password: kashco

2

Hi @kashco ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 Columns */
    gap: 20px !important; /* Adjust spacing */
}
3

No it doesn’t seem to work on my end. Please suggest will check tomorrow again

4 
.footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}