Slideshow Controls not showing on Mobile View

Solved
Highlighted
New Member
16 0 0

Hello Everyone,

 

Just running into some trouble here and I would really appreciate some help.

My slideshow controls do not show up on mobile-view.

How can I make it just like how it looks on desktop-view?

 

My website:

https://roughhouse-combat-sports-apparel.myshopify.com/?fts=0&key=1deb7aa78d229440d05b0a2557b1dc7caf...

 

 

0 Likes
Highlighted
Shopify Expert
3475 543 819

Hi,

I think you have debut theme, so you want to show dots on mobile too? Or else?

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
16 0 0
0 Likes
Highlighted
New Member
16 0 0

Right now on mobile view, there's just a black strip on the bottom part of the slide show. I would like it to be exactly like the desktop view. 

 

Pictures attached.Screen Shot 2019-04-29 at 12.50.43 AM.pngScreen Shot 2019-04-29 at 12.51.05 AM.png

0 Likes
Shopify Expert
3475 543 819

Hi,

Follow this: 

Find slick slider where applied in js file (most of  in theme.js) or any other file base on your theme and add "dots:true".

OR

Add following css:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
      .slideshow__arrows {display: block !important;}
      .slideshow__controls{top: auto !important;bottom: 0 !important;left: 0 !important;}
    }

Let me knowif need any help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
16 0 0

Thank you sir. It worked BUT, there's still a black strip below it. What do I do? Screen Shot 2019-04-29 at 9.19.38 PM.png

0 Likes
Highlighted
Shopify Expert
3475 543 819

Hi,

Please replace bottom: 0 !important; to bellow code:

bottom: 15px !important;

let me know if you need help

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
16 0 0

It didn't work...

 

@media only screen and (max-width: 767px) {
.slideshow__arrows {display: block !important;}
.slideshow__controls{top: auto !important;bottom: 15px !important;left: 0 !important;}
}

0 Likes
Highlighted
Shopify Expert
3475 543 819

Can you send me screenshot of exact issue  so i can solve this. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
16 0 0

Screen Shot 2019-04-29 at 9.19.38 PM.png

The black strip underneath the dots is what I'm trying to get rid of. (mobile)

0 Likes