I’m finishing up my site before putting it up, and we have an issue with the slider.
I’m using Codeless slider on my homepage. It looks great on computers but not on mobile.
<span style=”font-family: Geneva; font-size: 13px;”>The background picture is resized, but the content (text) is not, so it appears very big. And the yellow button are not showing, because the picture is cropped. (which is a big problem since they are our call to action buttons)</span>
<p class=”p1″>How can I make this adapt to small screens ? Also, it seems that the arrows (previous, next picture) are taking too much space too and hiding the rest.</p>
<p class=”p1″>Thanks a lot for your help.</p>
<p class=”p1″></p>
Sorry, that’s because I tried with another slider than Codeless because I couldn’t figure how to do.
But I’m still interested to know if it’s possible to make the content, buttons and arrows responsive with codeless slider (because I might use it again if it turns out good).
The codeless slider does not have any issue on our side. So if you can, please add the slider you want us to check in a test page and send the link to us. So we can give it a closer look.
(it’s not published, so you can see it only if you are logged into our admin board)
The issue is on small mobile screens : the yellow button is cropped (or not showing on certain slides), probably because the content is too big, I think.
This version also does not present any issue in mobile. You need to make sure first that you have assigned a height to the slider in General Settings > Slider Options > Height. Please see here the mobile view of the slider in the test page: https://pho.to/AjCAP
