Dawn 11.0 Multicolumn Automatic Swipe On Mobile - Automatic Movement

SevenSages
Tourist
5 0 0

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. 

 

Screenshot 2024-01-20 152301.pngScreenshot 2024-01-20 152315.png

 

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.

Replies 0 (0)