How to remove slideshow button on mobile - Dawn theme

[Erica_thrive]

Hi there, 

I'm trying to remove the 'shop now' button on my homepage slideshow on mobile only, as it covers the entire image on mobile. 

I know I have to edit the theme's code to do this but I don't know which part and what to say 

Help appreciated 

cheers 

Erica

https://thrivetheoryco.com/

[Denishamakwana]

Please add below css code in bottom of assets/base.css file

.slideshow__text.banner__box {

            display: none;

}

Thank you.

[Erica_thrive]

Thanks for the reply. Unfortunately that didn't work! Do you have any other suggestions?

[Erica_thrive]

Another option would be to make the button below the slideshow instead of on top of it - if you can instruct me how to do that. Thanks! 

[PageFly-Richard · Accepted solution]

Hi @Erica_thrive 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

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

.banner__buttons {

           display: none !important;

}

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[Erica_thrive]

That worked! thank you so much! 

[lyoung94]

This works, but it adds a gap, how can this be removed? 

 

[samisloading]

How do I fully hide the slide (the photo, button and basically everything on it) from the mobile version?

[samisloading]

I got the answer from a support tech from PageFly. For anyone having the same question, this is the code for removing the entire slide from the mobile version:

@media screen and (max-width: 768px) {
.slider.slider--everywhere

.slider__slide {
display: none;
}
}