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
Shopify Partner
1775 291 379

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
0 Likes
New Member
16 0 0
0 Likes
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 Partner
1775 291 379

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
0 Likes
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
Shopify Partner
1775 291 379

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
0 Likes
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
Shopify Partner
1775 291 379

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
0 Likes
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