Remove grid on collection page in mobile view Narrative theme

Store Design
1

Hi, does anyone know how to remove the extra space or the grid? it makes my product title goes to the next line and the layout looks uneven now. Refer to second image for the ideal neat layout without the grid. thanks!

photo_2021-08-20_14-34-29.jpg
photo_2021-08-20_14-34-29.jpg591×1280 55.9 KB

photo_2021-08-20_14-34-31.jpg
photo_2021-08-20_14-34-31.jpg591×1280 72.9 KB

2

kindly Share your Store URL.

3

url: elita.com.sg

password: clewth

4

hello @elitaco

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 729px){
.collection-template .card__info{
    padding: 22px 0 !important;
}
}
1 Like