Removing spacing between sections turbo theme

Hello,

Can someone please tell me how to get rid of all of this white space between the two sections? I have the turbo theme 7.0.2 and my website is projects817.com

@Only1mrsfragili ,

.slider-gallery.products-slider.products-length-25.transparentBackground--false.flickity-enabled.is-draggable.slider-initialized {
    margin: 0;
    padding: 0;
}

.one-whole h2.title {
    margin-top: 0;
}

Apply this code under this media only @media only screen and (max-width: 798px) {

In this file

Online Store->Theme->Edit code->Assets->style.scss.liquid

Which One?

Hi @Only1mrsfragili ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
#shopify-section-template--14689325482122__featured-collection-1 .slider-gallery {
    margin-bottom: 0 !important;
}

#shopify-section-template--14689325482122__16459759227ee7d9f3 h2.title {
    margin-top: 0 !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Thank you! It worked perfect :slightly_smiling_face: Can you also look at another one of my issues that I posted about last week but still isn’t resolved?

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >styles.css and paste this at the bottom of the file:
@media screen and (max-width: 749px) {
#shopify-section-template--14689325482122__featured-collection-1 .slider-gallery {
margin-bottom: 0 !important;
}

#shopify-section-template--14689325482122__16459759227ee7d9f3 h2.title {
margin-top: 0 !important;
}
}

Hi @Only1mrsfragili ,

Can you send your Issua community link so I can check. If useful, I will try to connect

Thanks

https://community.shopify.com/topic/1506775

Thank you so much!