How to remove code from debut theme causing negative space?

Store Design
1

Hi all, I have an issue with the slideshow on mobile. It’s created a huge amount of negative space below the button to the next section.

Could someone tell me where to delete the code causing this?

See below:

Katherine94_0-1661894394050.png
Katherine94_0-1661894394050.png1080×2280 141 KB

Website is www.mylittleresinhobby.com.au

Thanks!

2

Hi Katherine!

The following code added to the stylesheet appears to fix the problem, however I would make sure to test a number of pages/screen widths to confirm:

@media only screen and (max-width: 749px) {
.slideshow__text-wrap {
	height: auto;
}
}
3

Thanks for your reply!

Could you confirm where I add this to the coding? Is it theme.liquid?

And does it matter where I paste it?

Thanks

4

I would add this to the bottom of the main stylesheet (its in the Assets folder). If you need help and don’t feel comfortable editing the theme’s code, I would be happy to add the code for you.

5

Hi there, @Katherine94 !

Welcome to the Community! Definitely a great place to gather some input regarding anything about the platform!

With regards to your inquriy, we always recommend making code changes to a duplicate copy of your theme so you can always revert back to the current coding template, just incase you do not achieve the desired result.

I also wanted to add that since you are using Debut as your theme, which is a Shopify-made theme, you can also reach out to our live support team as you may qualify for our 60 minutes of free design time which may include this request.

You simply need to reach out to our live team and inform them of the changes you are wanting with your theme and they can see if our themes team can assist and use your 60 minutes of free design time. For more information about this, please visit this link.