Slide-Show full with button not showing by small screen - Support

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
May 25, 2015 at 4:21 pm #449579

Btina
Participant

Hi,
I placed a Slide-Show full with on my page but when I scale the screen the link button in the Slider is not showing up. It’s some how hidden… is that normal? (Browser Firefox)

Preview image: turquoise button on the bottom
http://kosmetik-marianne.ch/wp-content/uploads/2015/05/Bildschirmfoto-2015-05-25-um-10.14.17-450×450.png

Original page:
http://kosmetik-marianne.ch/

May 25, 2015 at 4:27 pm #449581
Yigit
Keymaster
Hi Btina!

Please add following code to Quick CSS
```
@media only screen and (max-width: 1380px) {
h2.avia-caption-title {
  font-size: 14px;
}
.slideshow_caption {
padding: 5px;
}
#top .avia-slideshow-button { 
margin-top: 1px;
}}
```
Regards,
Yigit
- This reply was modified 9 years, 7 months ago by Yigit.
May 25, 2015 at 4:46 pm #449595

Btina
Participant

Hi Yigit
Wow you’re fast, thank you for you’re answer!!
Can you see any diffrences? I am not. And on the Iphone is really thiny… !

May 25, 2015 at 4:51 pm #449603
Yigit
Keymaster
Hey!

I have edited my post above, please replace the code with new one – https://kriesi.at/support/topic/slide-show-full-with-button-not-showing-by-small-screen/#post-449581
Since your image not so high, on mobile it gets even smaller and i think it would be the best if you remove captions on mobile phones :/
You can use following code to do so
```
@media only screen and (max-width: 480px) {
.slideshow_caption { display: none !important; }}
```
Regards,
Yigit
May 25, 2015 at 5:07 pm #449617

Btina
Participant

Oh wow! Button is great now! Thank you for that.
What hight of Slider would you recommend for this issue?
Thx

May 26, 2015 at 6:11 am #449811

Ismael
Moderator

Hi!

You can create another slider specifically for mobile. Please refer to this link for more info: https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449166

Follow the links provided on the previous thread. You can use css media queries to show or hide any specific element on different screen sizes.

Cheers!
Ismael

May 26, 2015 at 2:38 pm #450096

Btina
Participant

This is too high for me!
In my case, witch one would you refer to? So I can try it but acctually not sure if I can handel it.
Thx

https://kriesi.at/support/topic/displaying-another-slider-on-mobile-devices/
https://kriesi.at/support/topic/replace-slider-on-mobile/
Turn on the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

May 27, 2015 at 5:47 am #450419

Ismael
Moderator

Hey!

You can try the solution provided here: https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449787

Instead of the video element, add another slider with images specifically made for mobile device screens.

Cheers!
Ismael
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.