How can I change the amount of products shown on a featured collection (Mobile)

StickerHubNZ · ‎06-26-2024

Hi there,

I'm currently using the Ventures theme and would like to show 6 products (2 on each row) on Mobile, I'm happy with how many is shown on Desktop, so only worried about Mobile view.

I have removed the collection card and added a "View All" button, but there seems to still be a gap on mobile, how can we mitigate this gap which is obviously there for the previous collection card.

Store URL: https://stickerhub.co.nz

Current View:

BSSCommerce-B2B · ‎06-26-2024

Hi ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.scss.css (base.css, theme.css, styles.css, custom.css or theme.scss.liquid)

Step 3: Insert the below code at the bottom of the file -> Save

@media screen and (max-width: 750px) {
.grid:has(~ .text-center a) {
    margin-bottom: 10px !important;
}
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B · ‎06-26-2024