Venture Theme - gap between sections different on mobile

Hi,

Please can someone assist me.

The gap between my slideshow section and the next section is correct on desktop but it is too big on mobile (see “GAP TOO BIG” in screenshots below).

I have previously inserted this code:

Code 1:
/* Change 17 Jan 2022 - padding between slideshow and next section /
#shopify-section-slideshow {margin-bottom: 80px;}
/
End of change */

Code 2:
/* Change margin between sections on homepage /
.index-section {
margin-bottom: 20px !important;
}
/
End of change */

Thanks in advance.

www.electricrideco.com

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
div#shopify-section-slideshow {
margin-bottom: 50px;
}
}
1 Like

@ZestardTech

Perfect! Thanks so much for your help :+1:t2:

1 Like

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.