Hope this is the right place to post this. I'm hoping to use Boundless for my store and for the life of my can't figure out how to make my slideshow images sensitive to browser size.
https://jlracing.com/ is a site I've found that uses Boundless and the images appear how I'd like - one version for desktop, another for mobile, but I really cannot fathom how to make this work.
Can anyone help me please? Thank you!
Hello @Grayonce ,
It is not working correctly in your store because their are some CSS changes missing or need to update. It depends on which JS slider your are using.
Can you please share your store url, so I can check.
Sure - the slideshow is only the default one provided in the theme, but if you can advise on how to add CSS to provide responsive images/image sizes, that'd be perfect.
Also, the website is a test one so ignore the URL. I'm using this to see if we wish to go ahead and pay for a full Shopify account, and I seem to be finding lots of issues in the process of designing!
password to the site is simple 'bitch'
Your current is using same css style, so no need to change it. Example site and your site has same slider and same css. I would suggest to use two separate images for mobile and desktop.
We have to give option to upload image for mobile like already have option for one image (use as desktop) and then in liquid code, add mobile image <img> code with 'mobile-show' class.
Using this class, we will apply css with the help of media query.