How can I adjust the height and fix the auto slideshow on my main page?

Technical Q&A
1

Any help would be greatly appreciated.

I’m wanting to adjust the height of my main page so that there is no scrolling. Ive got this tiny bar at the bottom that I don’t want to see.

LKing_0-1673491505352.png
LKing_0-1673491505352.png1920×1080 190 KB

Also, had a bit of code done for me with the slide show, which is great, only problem is that the auto slideshow isn’t working. I know there’s the box you can tick, even with that on, no auto slideshow.

Thanks again for any help

website link - https://loyd-king-art.myshopify.com/

2

@L-King
Hello,

#shopify-section-footer {
	display: none;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1673510916870.png
oscprofessional_0-1673510916870.png1621×911 119 KB

3

Awesome, thanks for that.

Any ideas on the slideshow?

4

Hello @L-King ,

Probably the code you have added to your website is hindering the functionality of the slideshow, and preventing the slideshow from rotating automatically.

Could you remove all the custom code you have done for the slideshow and check if it works or not?

Also, you need to hide the footer section from the home page to remove the scrolling. For that, you need to paste the below code in your “theme.liquid” file just before the tag.

{% if template.name == “index” %}

#shopify-section-footer{ display: none !important; }

{% endif %}

We advise you to connect with a Shopify expert or hire a developer if you are not good at handling liquid.code.

Let us know if you need any more help with your store.

All the best,

CedCommerce