Spacing and remove swipe on mobile site - DAWN Theme

[LJPH]

Hi,

I would love some help please. This is for my Collection List on my homepage using the DAWN theme.

As you can see from the attached image, I would like to remove the 1-11 numbers completely from the bottom of the section (only on mobile) and also remove the huge unused space, again just on the mobile.

I hope that makes sense, I would really appreciate some help please.

Many thanks,

Leyla Jane.

 

[kazi]

Hello @LJPH  Can you share the store URL ?

[PageFly-Richard · Accepted solution]

Hi @LJPH 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media (max-width: 767px) {
.slider-buttons{
display: none !important;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[LJPH]

I am so incredibly grateful, thank you it worked perfectly! Sending you lots of good energy 🙂 

[LJPH]

Hi Richard,

I hope this message finds you well.

I wondered if you could help with an update to this code please. I would like to update it so that this only applies to the homepage. I would like the other pages within my site to include the option for a counter if possible. I hope that makes sense.

Many thanks,

Leyla.