Taste Theme - Make Footer Menu 2 Column on Mobile

[Shane_WL]

Hello,

I am trying to make the menus within the footer go into 2 columns (side by side) when viewing on mobile. I tried a few solutions I found on here, but no luck.

Can anyone help please? Here is the link to the website - https://96e644-2.myshopify.com/

Thanks in advance!

[codexecom]

Hey @Shane_WL

please add this code on base.css at last

@media (max-width:749px){
.footer-block.grid__item.footer-block–menu {
max-width: 47%;
}
footer .footer__blocks-wrapper {
display: flex;
}
}

[Shane_WL]

Hey @codexecom

I added it but doesn’t seem to be working?

[codexecom]

Please drop screenshot where you added this code

[Shane_WL]

Was in the base.css

[codexecom]

Great Can you please

Replace that code from the above code

@media (max-width:749px){
.footer-block.grid__item.footer-block–menu {
max-width: 47% !important;
}
footer .footer__blocks-wrapper {
display: flex !important;
}
}

[Shane_WL]

Thank you! All sorted.

[PageFly-Richard]

Hi @Shane_WL

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

@media (max-width:749px){
.footer__blocks-wrapper {
   display: flex !important;
}
.footer-block.grid__item.footer-block--menu {
   max-width: 47% !important;
}
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[jt123456]

hello,

I have just tried this code and it has worked to split into 2 columns, but they are not even. the heading does not start at the same place. how can i fix this?

[jt123456]

hello,

I have just tried this code and it has worked to split into 2 columns, but they are not even. the heading does not start at the same place.

how can i fix this? thanks

[Lukasecom]

Happened to me aswell, found a solution yet?