Reduce slider image predefined dimensions to fit screen and prevent over flow

Dunia
Tourist
9 0 2

Hi there,
I have an issue with my store slideshow. My images in the slider are set to fit the screen of computer(pc), however, the image overflows (extend downwards and takes spaces of extra scroll. 
How do I fix that?

Oakleafinfoway
Shopify Partner
308 6 21

Hello

Welcome to the Shopify Community!

This is Jay here from Oakleaf Infoway.

I would love to fix this banner size issue. Here I am a registered partner with Shopify and having more than 5 years of experience and we have expertise in Shopify customization, Desing Enhancement. Small tweaks, Store development, Third-Party app configuration, and many more.

Want to hire me? Please contact me to Email ID: jay@oakleafinfoway.com
Thanks

Team, *Oakleaf Infoway*
- Was my reply helpful? Please *Like* and *Accept* Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact us on Skype: live:.cid.2ca82125d1edaa5f/
Email ID: info@oakleafinfoway.com
0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

@Dunia 

Please share your  webshop URL.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Dunia
Tourist
9 0 2

The them is "store theme"

0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

@Dunia 

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

.slideshow-section .flickity-viewport {max-height: 800px;}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Dunia
Tourist
9 0 2

what does that code actually do?

because I changed it but its still the same.

there is a huge grey space between the image and the next section in the store.

please help

0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

@Dunia 

The code set max-height of slider div but checked your CSS my code not present . please add code I can check and send correct CSS code for you.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Dunia
Tourist
9 0 2

thank you so much. the text has now changed position lol by your code did MAGIC

0 Likes
Dunia
Tourist
9 0 2

Is there a way i could recenter the image clickable texts that changed position as a result of the code we input?

by the way I do really appreciate your help

0 Likes