Change slider and category section width to match the rest of the page

Highlighted
Excursionist
26 0 4

Hello,

I am wondering if there is a code I can use to change the width of the slideshow and categories sections to match the width of the rest of the page. The slideshow and category sections are full width at the moment but prefer it as marked below in yellow. (I would like these changes to not affect the mobile version at all)

The URL is: midnight-fantasy.co.uk and password is: seucau

Thanks in advance!

 

shop.png

0 Likes
Highlighted
Shopify Partner
3257 717 864

@MDNGT-FNTSY 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media (min-width: 543px){ 
.owl-carousel.owl-drag .owl-item{ padding-left:15px; padding-right: 15px; }
}

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
26 0 4

Hello,

Thank you for the code! It has successfully changed the size of the slider. However, the padding has applied to the category images (as shown below in red) and made them very small. Is there a way to prevent the padding from applying to these images?

Many thanks!

 

screen.png

0 Likes