Make Multicolumn Slider Full Size on Mobile (Dawn 2.0)

Store Design
, , ,
1

Trying to figure out how to make my multicolumn images full-size (or maybe 150%) of what they currently are on mobile when enabling “swipe on mobile.” I’m using Dawn 2.0.

Thanks!

Store: https://bammtorq7tgshme9-70226575677.shopifypreview.com

Password: flora

2

Hi @taylorregan

We checked and saw that your store link has expired. Can you please share with us a new link? Then, we will check and suggest you something.

3

Sure, it is:

https://shop-floracore.myshopify.com/

password: flora

4

Hi @BSS-Commerce

Are you able to help with this? Link posted below. Thanks!

5

Hi @taylorregan

Yes, sorry for the late reply. We just returned to work after the long holiday. We will check and let you know.

6

Hi @taylorregan

Please go to Admin => Online store => Theme => Edit Code. Then, find the file base.css => insert the following code at the end of the file:

@media screen and (max-width: 749px)
.grid--2-col-tablet-down .grid__item {
     width: 100%;
     max-width: 100%; // notice this index you can change from 75% => 100% to customize the size of the product as desired.
     margin: 5px auto;
}

I hope that it will work for you.