Show Slideshow not in full width - Empire

[KCK22]

Hello,

in the header there is the possibility to choose whether you want to activate it in full width or not.

Unfortunately, I did not find this option in the slideshow. 

Currently, the slide show is always displayed over the entire width. 

Unfortunately, this does not match the rest of the layout, which is not displayed in full width.

Is there a possibility that the slideshow is not displayed in full width. (See screenshot, we would like to show only the area in the red frame).

[PageFly-Victor]

@KCK22 can you send me the url of this page?

[KCK22]

https://keilbach.com

[MandasaTech · Accepted solution]

Hello @KCK22,
Add this css at the bottom

Online Store->Theme->Edit code

assets->theme.css

div#shopify-section-static-slideshow {
max-width: 1200px !important;

margin: auto;
padding: 0px 22px !important;

}
@media(min-width: 280px) and (max-width: 767px){

#shopify-section-static-slideshow {
padding: 0px 10px !important;

}

}

[MandasaTech]

Hello @KCK22,
Please share your store URL

[PageFly-Victor]

@KCK22  hey bro, you can try with this code 

Add this css at the bottom

Online Store->Theme->Edit code

assets-> theme.css

#shopify-section-static-slideshow {

             padding: 0px 185px !important;

}

@media(min-width: 280px) and (max-width: 767px){

              #shopify-section-static-slideshow {

                          padding: 0px  !important;

               }

}