Slideshow Controls not showing on Mobile View

[Jasoliya · Accepted solution]

Add this css:

@media only screen and (max-width: 749px){
        .slideshow__text-wrap--mobile {background-color: transparent !important;visibility: hidden !important; }
    }

Let me know if need any help

[tomxe36]

It worked, thank you so much :D

[B_R-25]

Hello @Jasoliya I successfully  modified too using the following:

@media only screen and (max-width: 749px){
        .slideshow__text-wrap--mobile {background-color: transparent !important;visibility: hidden !important; }
  		.slideshow__arrows {display: block !important;}
		.slideshow__controls{top: auto !important;bottom: 10 !important;left: 0 !important;}

    }

the only problem is the buttom with link "shop now"  is not visible anymore in the mobile version, do you know how to solve this?

I mean on the desktop version i can see the Heading, subheading and button label with the button link i used while on the mobile version disappeared.

EDIT: i just solved changing visibility to "visible"

Could be possible to move the "shop now" label  a bit Upper under the slideshow?

thanks

[Jasoliya]

Send your store url 

[B_R-25]

is still not live, if you need any kind of code i can post it here. thanks

[Romemp2018]

Do I make that change in slideshow.liquid? Any particular place?

[Jasoliya]

Thats depend on your store code. send your store url 

[Romemp2018]

I don't understand, where exactly do I enter this code?

[Jasoliya]

Above is given my solution that you need to add in asset->theme.scss file at bottom

if not work then send store url 

[BCCbrand]

Hello,

I am having this same issue. What section should I add this css to? 

Please help.