Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there
I would like to make my first slideshow as full screen on mobile edition . It's full scren slideshow in my desktop edition but it didn't work on mobile .
Here is what I am looking for:
1、Full sccreen slides show on mobile.
2、Button would be inside the sliesshow .
I really appreciate your helping !
My url: sales.bellissimochina.com
Hello There,
1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme-styles-responsive.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 749px) {
div#shopify-section-slideshow section#slideshow-slideshow .container-fluid {
padding-left: 0;
padding-right: 0;
}
div#shopify-section-slideshow section#slideshow-slideshow .container-fluid .slide-content.abs_center {
padding: 25px 20px 30px;
}
div#shopify-section-slideshow section#slideshow-slideshow .container-fluid .no-padd.col-12 {
padding-left: 0;
padding-right: 0;
}
}
Hello I tried the code you gave me ,but it didn't work . Is there any problem ?
Thanks !
@LEUNGGUOTAO,
The buttons inside the slideshow would be a more complex issue, however the fullscreen on mobile can be fixed like this:
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
@media (max-width: 749px){
[id] .home-slideshow > [class*='container']{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
</style>
Please let me know whether it works.
Kind regards,
Diego
Hi Diego
I found theme.liquid file and add the code you gave me above </body> . But it didn't work
Best regard !
@LEUNGGUOTAO
Are you pasting it into the correct theme? The code is not being loaded on your website, so you're probably either saving it into a different theme or you didn't click the "save" button on the top right.
I have double check weather I save the file or use the correct theme .It didn't work . I don't know why .
THanks!
Hi Diego
How are you ? I have tried serveal times , but I can't figure out this issue .Coud you tell me is there another way to make it happen?
I really appreciate that . Thanks !
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025