Kadence Slider Pro – in mobile, pad and desktop view

[Pamela]

Pamela

November 21, 2017 at 1:37 pm

Hey,
This is something that I always stumble at. The Kadence Slider Pro is fantastic, but I never got it nice in mobiles and pads.
I put the login in next mail, the page is under construction.

1. Mobile view: I have used this css bellow, but then the second button is not visible. The buttons could be vertical arranged.

/* KADENCE SLIDER PRO MOBILE VERTICAL*/

@media (max-width: 544px){
.ksp-layer-wrap {
width: 100% !important;
left: 0 !important;
text-align: center;
margin-left: 0px;
padding:0 50px;
}

.ksp-layer-1.ksp-text-layer {
font-size: 25px !important;
}
.ksp-layer-2.ksp-text-layer {
font-size: 20px !important;
}
.ksp-layer-3.ksp-text-layer {
font-size: 20px !important;
}
}

2. Pad vertical view: Here the buttons are overlapping. They can also be vertical arranged.
The text above the buttons could also be bigger.

3. Pad horizontal view: The slider is perfect, but the menu needs some 10px left padding. In my Samsung 10″ pad you cannot see the first character in the menu on left side of the logo. I think this is something that all Samsung users can experience.