Hello all,
How can I reduce the margin/padding on the sides of this multicolumn view? This should only appear in mobile.
I tried finding a solution but it is beyond me.
The idea is it should look like Instagram Stories UI, but its just categories lol
It is in scroll and works well, just the gap between the items is too much and need to reduce that.
Live website >> Malom.Fashion
Thank you.
Hello,
Try this CSS.
.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--half-width.multicolumn-card-spacing {
width: 15rem;
}
Thank you for you quick reply
This is increasing the size of the circles, I want to keep their size the same, but decrease the space on the left and right side of it, so the circles and their text becomes closer.
That is Possible, But If i change the margin padding then the whole grid show left align In desktop.
Can the CSS only be mobile specific?
Please do give the code if possible, I may try to work around on the desktop, or probably just hide the whole thing on the desktop.
