Continu button on slider over text on mobile

[WineDesignNL]

Hi there,

On mobile devices the continu button on a slider gets over the content/ text of this slider. Is there a way to solve this?

Cheers – Wouter

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

@media only screen and (max-width: 767px) {
   .swift-slider .swift-slider-continue {
       bottom: 30px!important;
   }
}

-Rui

[WineDesignNL]

Hi Rui,

Nothing happens…

[Rui Guerreiro – SUPPORT]

Will need admin credentials to check if the code is correct.

-Rui

[WineDesignNL]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

The css it’s different from the one I provided, it’s 100px instead 30px and that makes a big difference.

-Rui

[WineDesignNL]

Hi Rui,

I changed this because it was still over the buttons on my mobile device. If I change this back it still is. Does this mean I need to change the amount of content in the slider?

Cheers – Wouter

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[WineDesignNL]

Hi Rui,

It works on that page, but look at the homepage: http://www.eigenverpakking.nl. You can see the contuinue button is over the regular buttons. This is where the problem occures.

The fontsize is a good idea though. I will try this myself and let you know if I figured this out!

Cheers – Wouter

[Rui Guerreiro – SUPPORT]

Ok. Try this one and play a bit with the values.

@media only screen and (max-width: 767px) {
.swiper-slide .caption-content div.caption-excerpt {
    font-size: 17px!important;
    line-height: 22px!important;
}
 .swiper-slide .caption-content a.sf-button {
    margin-top: 3px;
    margin-bottom: 15px;
}

}

-Rui

[WineDesignNL]

Hi Rui,

This look great! Can figure it out myself from here…

RESOLVED!

Cheers – Wouter

[Rui Guerreiro – SUPPORT]

Glad I could help.

-Rui