How can I resize an oversized slideshow in Debut theme?

Store Design
1

Hoping someone can help out with this.

We are looking to add a slideshow to our theme which is fine however upon implementing it it is simply too big and does not provide anywhere near a good customer experience.

The seems that our slideshow is clipping into our top menu which we can’t seem to fix and the slideshow is the full width of the page and too tall, hiding other elements on our homepage.

It is cropped even worse on mobile view.

Is there any way to reduce the width and height of the slideshow and make it not clip into the top menu?

We are looking it to be slightly bigger than the images/menus under the slideshow.

I have linked the site so you can see what we are experiencing.

https://www.mckeeverteamwear.com/

2

hi @McKvrSports ,

For fix that issue, can you please add the short code follow at the bottom of /assets/theme.css file:

@media only screen and (min-width: 750px){
.index-section--flush.index-section--slideshow {
    margin-top: -16px;
}
}
@media only screen and (max-width: 749px){
.index-section--flush.index-section--slideshow {
        margin-top: -5px;
}
}

thank you!

3

Hi Phavia,

Thanks for the code,

I’ve added this to the Theme.css and it has partially fixed the slideshow going into the top menu, on the 1st and 3rd image they are still going into the menu at the sides but the second image is fine.

The slideshow is cropping down the height of the images, is there anyway of making this better without making the slideshow bigger in height?

We don’t mind if this means the slideshow won’t be the full width of the page.

Thanks

4

I’ve also noticed that on mobile view the image selector for the slideshow cuts into the image, hiding part of the text at the bottom of the images

5

hi @McKvrSports ,

i think have the settings from theme support about this. so you can please check more about in theme settings, and if you want i will make a request as collaborators to your store and will check for you. and if the problem don’t from settings i will fix it with code.

Thank you!