Slideshow does not resize properly on mobile

Highlighted
New Member
5 0 0

Hi Everyone,

 

I have a little problem myself...

I have a shopify store (www.mystylewatchbands.com) and it also has a problem with resizing the pictures of my slideshow for mobile devices.

When i look at it on my desktop i see the whole image including the overlaying tekst, but when i change to the mobile version the tekst disapears?

 

Also my collections menu is way down on the mobile site, and on the desktop it's on the left? Anyway how to fix it and make it look better?

 

Many thanks!

0 Likes

you need to edit your theme code, or contact your support theme.

0 Likes
New Member
5 0 0
Thanks for your reply.
I know i have to change the code, but i don 't know what to change..

I allready contacted the creator of the template, but he didn't respond.

Any idea what i must add/change in the code?
0 Likes

your url store doesn't work. "he didn't respond", I'm not surprised !

0 Likes
New Member
5 0 0
That's strange. It works on my cellphone.

The URL is: https://yourstylewatchbands.com

What browser/cellphone do you use?
0 Likes
Shopify Partner
1843 171 542

https://yourstylewatchbands.com  is NOT same to www.mystylewatchbands.com 😉

I turn coffee in to code - since 1998
0 Likes
Shopify Partner
1843 171 542

@jpvdo83

 

The theme you are using is... hmm... okay, I'll be shush, but the issue you have with the slider is because it has different styles applied at different view breakpoints i.e. on smaller viewport sizes such as mobile, it will not display some content or display it differently to accommodate the device - this is known as responsive design.

 

The slider, for instance, hides some of the slide caption text on small views. You can find the style override for that in your Assets / responsive.css file if you look for 

 

/* 7.4 NIVOSLIDER */
.nivo-caption .wrap_2 {padding: 30px 30px 30px 100% ;}

The last value on the padding property is for padding-left and by setting that to 100% you're effectively pushing the element outside of the bounding element i.e. hiding it in this case.

 

You can either adjust these values to suit yourself or contact the theme vendor to have them do that for you if they're willing.

 

Best wishes!

I turn coffee in to code - since 1998
1 Like
New Member
5 0 0
I'll be sush? The doesn't sound to positive😂

Can you tell me what's wrong with the template? Looks? Code? Or just
spaging?

Would you suggest getting another template?

Thanks for the reply b.t.w!
I wil try changing the values.
0 Likes