How to remove extra space in multicolumn section on mobile?

hello,

Can you please help in removing the below space in the multicolumn section ( on mobile version)

2 Likes

Hi @User1236 ,

Would you mind to share your URL website? with password if its protected. Thanks!

Hello,

sure!
https://craftworke.com

Hello @User1236

In Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

@media (max-width: 749px) {
#shopify-section-template--19036829843753__e78e1015-76e2-4c58-a669-f7c0e2ad2a24 .slider-buttons {
     display: none;
}

#shopify-section-template--19036829843753__e78e1015-76e2-4c58-a669-f7c0e2ad2a24 h4 {
    margin-bottom: 0;
}
}

The result

1 Like

It worked thanks!

Can you please help me in providing a code so that the columns swipe automatically on the mobile version

Unfortunately there is no way to make the columns swipe on mobile with a few lines of code. We will need to add several lines of code to do that. If you want to do that, I recommend to find a developer to tackle the job.