The slideshow on my site is being cropped on mobile (using venture theme)

Solved
New Member
2 0 0

Hey,
I am using Venture theme for my site and had some trouble with the mobile display of the slides.
I would like the slide to be smaller on mobile because we have text there and it wouldn't work for us otherwise.
To test for yourself you can check our site in TheTunaFactory.com or here this image to visualize the issue:Mobile Slide Banner.png

 

0 Likes
Tourist
5 0 0

Did you find the solution for this issue?

0 Likes

Success.

Shopify Partner
455 80 102

Click on Actions >  Edit Code .

Find/Search theme.scss.liquid file

Scroll at the very bottom of this file and put this code there

@media screen and (max-width: 749px){
  #Slideshow-slideshow{
    height: auto !important;
  }
}
Author: Hovhannes Sargsyan (aka sarhov).
An individual web developer focused on Shopify development.
Need more help? Feel free to send me a direct message or drop an email shopify@sarhov.com

Website: https://sarhov.com  
Email: shopify@sarhov.com
Skype: @sarhov
Messenger: @sarhov
Telegram: @sarhov
1 Like
New Member
2 0 0

That worked, Thanks!
I really struggled with this for a really long time.

0 Likes