Dawn 8.0 In Featured Collection, how to reduce the spacing between images and the prev/next cursors

Store Design
1

bibigab_0-1681922242225.png
bibigab_0-1681922242225.png410Ɨ677 73.3 KB

The spacing is acceptable in desktop view but far too big on mobile.

Thanks

Bibigab

2

@bibigab

Please share your store URL!

Thanks!

3

@bibigab

Please add the following CSS to your assets/component-pagination.css bottom of the file.

@media screen and (max-width: 749px) {
.pagination-wrapper {margin-top: 0rem !important;}
}

Thanks!

4

Hi [email removed]Bibigab,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file template-collection.css

Step 3: Paste the below code at bottom of the file ā†’ Save

@media(max-width:767px){
slider-component>ul{margin-bottom:-30px !important}
}

PageFlyRichard_0-1681976416984.png
PageFlyRichard_0-1681976416984.png778Ɨ1452 186 KB

Hope my solution works perfectly for you!

Best regards,

Richard | PageFly

5

Richard,

Thanks so much. Your solution works like a charm and the mobile view is far better.

If you are a hat lover, drop me a mail and I will ship you one of my PapHat for free!

Have a great day!

Bibigab

bibigab_0-1681980872716.png
bibigab_0-1681980872716.png395Ɨ705 72.3 KB

6

Thank you for your feedback. you are friendly.

You are welcome. Iā€™m glad when I can help you :heart_eyes: