Shopify themes, liquid, logos, and UX
I've made a few changes to the default code on the multicolumn section on the Dawn 11.0 theme.
I've managed to get it to the point where 10 columns display on Desktop. Also, I've managed to remove the pagination of the different columns on the mobile view, so it displays a bit nicer.
Ideally I'd like to do one thing or another:
1. Enable an automatic scroll on the mobile view of this multicolumn. So that it moves/rotates when people first see it.
2. Show more logos on the initial view, so 3-4 logos at first decreasing the size of the images.
I need to avoid the changes to this section affecting the rest of the multi-columns on the website, which is why I've added the code as custom CSS on this section alone so far. Can anyone make any suggestions?
This is the Custom CSS I've added to the Multicolumn section so far:
@media screen and (min-width: 750px) {
.grid__item {
width: calc(
8% - var(--grid-desktop-horizontal-spacing) * 3 / 12
) !important;
}
}
I've also made changes to the multicolumn.liquid code and the base.css - I can share these if need be.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We 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, 2024