Venture Theme - gap between sections different on mobile

Store Design
1

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).

IMG_9805.PNG
IMG_9805.PNG1125×2436 416 KB

Screen Shot 2022-02-24 at 7.10.39 PM.png
Screen Shot 2022-02-24 at 7.10.39 PM.png1280×574 492 KB

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

2

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;
}
}
3

@ZestardTech

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

4

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.