How can I reduce the space between the price and the product toggle?

[argnarb]

This is for computer and mobile, although the space on mobile is drastically worse imo.

[Michross]

To get this i’ll be needing your store url, so I can access the exact selector to get it done other than suggesting anyone that does it.

[suyash1]

@argnarb can you please share your website link?

[argnarb]

Hi, its www.moosh-moosh.com

[argnarb]

Hi, the store url is moosh-moosh.com

[Michross]

Step to Adjust Tablet Slider Margin on Collection Pages

1. Open your theme file: template-collection.css.

2. Locate the selector for the tablet slider:

.collection .slider.slider--tablet {
  /* existing styles */
}

3. Add (or update) the following rule to adjust the bottom spacing:

.collection .slider.slider--tablet {
  margin-bottom: -1.8rem;
}

This will reduce the extra spacing below the slider on tablet view, keeping your layout tight and consistent with the design.

[Dan-From-Ryviu]

Please add this code to Custom CSS in theme settings

@media (max-width: 989px) {
    .collection .slider.slider--tablet {
        margin-bottom: -24px !important;
    }
}

Best regards,
Dan from Ryviu: Product Reviews App

[tim_tairli]

Be careful with that, as some product cards are higher and because it’s a slider, code keeps them all same height.

[argnarb]

Will keep that in mind, thanks