Shopify themes, liquid, logos, and UX
1/My collection is only showing half of the products - they are all live and active
2/Also when I up the columns to anything above 4 they go really tiny - I have added code for the collection above to have 10 columns
Hello @AmberWilkinson, The customisation looks perfect with the settings need to see the code of this collections grid so that will check and let you know the exact solution here.
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
Hello @AmberWilkinson, Please follow these steps to add this CSS code:
1. Access your Shopify Admin.
2. Go to Online Store > Themes.
3. Locate the theme you are currently using and select Actions > Edit code.
4. In a CSS file: Go to Assets, find your CSS file, and add your styles. OR
5. In theme.liquid: Go to Layout, open theme.liquid, and add your CSS inside a <style> tag in the <head> section.
Here is the CSS code.
@media screen and (min-width: 768px) {
.featured-collection .featured-collection__inner .small-6.medium-6.large-4.columns {
max-width: 25% !important;
}
}
Here is the screenshot of the same.
Feel free to reach out if you have any additional questions. If this solution is helpful, please consider liking and accepting it.
S.P
@AmberWilkinson which collection is not showing the products? can you please share that link?
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024