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

Solved
Lolovic
Excursionist
28 0 4

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

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9198 1562 1928

This is an accepted solution.

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;
}
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 6 (6)
oscprofessional
Shopify Partner
9198 1562 1928

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

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
oscprofessional
Shopify Partner
9198 1562 1928

This is an accepted solution.

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;
}
}
If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Lolovic
Excursionist
28 0 4

It works perfectly. Thank you

RawCutSB
Tourist
5 0 2

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? 

gbanks789
New Member
2 0 1

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?