DEBUT THEME - How to remove the white box in mobile version slides show?

Store Design
1

Hi guys

  1. I have removed the slick dots and arrow from the mobile version. How do I remove the white box from the mobile version as well?

  2. How can I move the shop now button and/or other wordings to the bottom of the picture?

Thank you

fqeff.JPG
fqeff.JPG359×201 4.55 KB

2

Hello Lolovic,
Please share your site url.
So that i can check and let you know the exact solution here.

3

www.lovianco.com

Password: testing

4

Hello Lolovic,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css.liquid

@media screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
    background-color: transparent;
    top: -3.2rem;
}
}
2 Likes
5

It works perfectly. Thank you

6

I could not get this to work what exactly and where exactly do I past code in. You mention bottom do mean the very bottom of all code lines?

7

Thank you! This worked for me. Now, how do I move the button and text so that they do not lay directly over the image?

8

Hi I got rid of the box over the picture but I have two slideshows and there is loads of padding underneath each one so there is a big white gap between each slide show, can you help??

9

@Ebcswim ,

Share the store URL with screenshot

10

HiOscprofessional, thanks for reply. It’s ebcswim.com but it’s password protected while I work but I can take off if you need. I used your above code and now looks like this:

5D7946D5-2CFC-46D8-B739-80056788A061.png
5D7946D5-2CFC-46D8-B739-80056788A061.png828×1792 195 KB

3559FFAC-D2FD-4C39-94C6-931ED03A77E4.png
3559FFAC-D2FD-4C39-94C6-931ED03A77E4.png828×1792 224 KB

ideally I would just like shop button on the bottom of the images, but I would be ok if not possible and button stays where it is, if there wasn’t these massive white gaps…….

thanks

11

@Ebcswim ,

Password

12

Ebcswim - the live theme isn’t the one where i used your code I used that on a duplicate - but you can see the issues on this one perfectly - thanks

13

Hey osc, did you manage to look with the password ebcswim? Thanks

14

@Ebcswim ,

@media only screen and (max-width: 600px) {

div#shopify-section-16450244219d6b7b8c {
margin: 0;
padding: 0;
}
.slideshow__text-content.slideshow__text-content--mobile.slideshow__text-content--mobile-0.text-center {
padding: 0;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

15

I don’t have a theme.css.liquid option. Could I just add this in the bottom of Theme.CSS?

16

@candyman1 ,

Yes

17

Hi There, it worked but the font color on the mobile become black, how can i turn it to white.

thanks

18

@Fashionfactor ,

Please share the screenshot.

19

Hey!

My Asset’s folder doesn’t have ‘theme.css.liquid’ Please advise.