Blank Space below Slideshow

Highlighted
New Member
1 0 0

I have been trying to find a way to reduce the blank space between the slider and the rest of the page content. Unofrtunately, i couldn't find any way to solve the problem i'm having right now . i need help with this problem of having so much space between the slider and the rest of the page content.

http://dcjewellery.org

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1243 124 316

Hey there, Declan.

Bo here from Shopify Support!

Great question! I was able to take a look into this for you and managed to find a solution. From what I can see, your theme looks to be the Debut theme. You will need to add some custom code to reduce the spacing between the slideshow and the featured content on your site.

  • You will need to go to Online Store > Actions > Edit Code.
  • Open up the theme.scss.liquid file in the Assets Folder.
  • Scroll to the very bottom of this file and paste in this code:
.index-section--slideshow {
  padding-bottom: 0;
}
  • Click Save.

Let me know how this goes and if there is anything else I can help you with, I'm happy to help!

All the Best,

Bo

Bo - Social Care @ Shopify


Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
2 0 0

Are the steps the same for the Icon theme? My mobile version has too much space.

haircoutureboutique.com

0 Likes
Highlighted
Tourist
4 0 2

@Bo Please advise on this for the Icon theme. Having the same issue for mobile on www.artefact.nyc! Thanks!

1 Like
Highlighted
Shopify Partner
7754 1060 2688

Hello, @Cykana 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry we're not able to store 

KetanKumar_0-1597389751430.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 2

Ah so strange! I've had DNS issues since transferring the site over today. Sometimes this will load on safari & not chrome but I'm not sure why that's the case...

0 Likes
Highlighted
Tourist
4 0 2

@KetanKumar OK maybe try it now! I reconfigured DNS!

0 Likes
Highlighted
Shopify Partner
7754 1060 2688

@Cykana 

Thanks for update

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file.

@media only screen and (max-width: 740px) {
#shopify-section-1559067219938 .flexslider .slides > li {
padding-bottom: 0px !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
4 0 2

@Ketan You are a legend!!!!!! 

1 Like
Highlighted
Shopify Staff
Shopify Staff
1243 124 316

Hey there, @Cykana 

 

I am unable to assist with third party themes but I can see that @KetanKumar was able to help! I am glad that you got this sorted. 

 

All the Best,

Bo

Bo - Social Care @ Shopify


Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution
To learn more visit the Shopify Help Center or the Shopify Blog

1 Like