Shopify Home Page Issues

[Mitch23]

Hi, 

Please see advanced version of my website (not published yet). 

https://tmjeehbnnmmq93yk-72140980502.shopifypreview.com 

In the beginning I used someone to design my website, but they have done all this crazy stuff and It's hard to fix.

The collection list got changed to have a carousel but it now has a thick padding in between and when I go to add another collection list it turns out like the Floodlight ones (oversized or all different sizings). I want to add another carousel as well so 3 in total and fix the padding issue so there is not a huge gap in between the products.

Also with the 2 image with text overlays the text does not shrink well when looking on a phone, is there any way to change this? Some of the other texts on the page have this same issue. 

Please let me know if you could help with this.

Thanks

[suyash1]

@Mitch23 - you are using slick slider for your collection, please check its code and settings to try to reduce the padding in between and increase images size.

[Mitch23]

Where would I find this?

[suyash1]

@Mitch23 - please go to dashboard->online store->themes-> click on 3 dots ... near active theme and click on edit code

this will take you to the theme files and then you can check all the code

[Mitch23]

Would it be in this section?

[suyash1]

@Mitch23 - this is css section, check javascript code section, all this is done via javascript coding

if you are not familiar with the javascript then I recommend to hire an expert who can work on javascript