Remove a column at footer Kalles theme

Shopify Discussion
1

Hello,

I have added 5 columns at the footer, but there’s an extra column at the desktop not on mobile. How to remove it?

website：https://greatspeedsports.myshopify.com/ password:2023

QQ截图20230616114449.png
QQ截图20230616114449.png1096×272 27.6 KB

QQ截图20230616114519.png
QQ截图20230616114519.png1427×469 44.6 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media (min-width: 1025px){
section#shopify-section-footer .t4s-col-lg-2 {
width: 20%!important;
}
}

ZestardTech_0-1686892802731.png
ZestardTech_0-1686892802731.png1900×461 36.6 KB

1 Like
3

Thanks for your reply. The ratio I set is wrong, the ratio of the five columns does not add up to 100%. Thank you for your answer