Spaces on the site that need to be deleted

I have big spaces on the site that I don’t know how to delete. In my opinion these spaces were created from a certain code. Take them off for me please.

Please share your store URL

https://patent-prime.com/products/portable-blender

Could you show me your that spaces?

You can see the space that needs to be removed in the attached image.

What attached image?

You can see the space that needs to be removed in the attached image.

Hello @Lotshak
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-slider.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
.slider.slider--mobile .slider__slide {
margin-bottom: -30px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

Hello @Lotshak

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px){ .slider.slider--mobile { margin-bottom: -3rem !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

Hi, my problem solved but created a new problem. I can move the picture up. Please check the problem. My store URL is: https://patent-prime.com/products/portable-blender

as i can see, its working fine.