Reduce space between slideshow and featured collection on home page (mobile only).

Store Design
1

Hi there,

I’m looking to reduce the space between my slideshow and the featured collection in mobile view only.

This is the view we have when going on to mobile, where the white space below is too large. Any help would be much appreciated, had initially tried editing the code based off previous fixes suggested on this forum, but none worked.

Many thanks.

golfer101_0-1642069582591.png
golfer101_0-1642069582591.png709×430 9.62 KB

1 Like
2

@golfer101

Kindly Share your Store URl. So that we can help you.

Thank you.

3

@Zworthkey

www.skinsgolf.com. Thank you!

1 Like
4

on which page is it. can your Share the link .

5

It’s the home page, so the very first landing page when you’re on the site.

6 
@media only screen and (max-width: 480px){
.slideshow-classic.page-dots--true {
    padding-bottom: 0px !important; 
     margin-bottom: 0px !important; 
}
#shopify-section-16314615393df99f17 {
    padding-top: 0px;
   padding-bottom: 0px !important; 
    width: 100%;
}
}

@golfer101 Add this code in the bottom of Style.css
thank you

7

Thank you very much, that worked perfectly!

For others, I went into ‘‘Edit Code’’, searched styles.css.liquid which is under '‘Assets’ and entered the code above towards the bottom of the page there.

1 Like
8

@golfer101
if helpful like and Accept our Solution.
let me know if you need any more help.

1 Like
9

Hi,please help to remove padding in collection grid ,there is a heavy space in collection grid in bottom of the products ,also there is a space in the bottom of the collection pages ,there is also spaces in between the products in the collection pages.please help to remove the unwanted spaces.