How do you position the buttons where you want them in the slideshow slides?
I have a slideshow section for Desktop which is fine (although i would like to know how to put the buttons underneath each other)
I also have a "mobile only" section and the buttons are not showing under each other, how can i put them where i want please?
If you adjust the padding, margin and font-size properly, then you will be able to do it. In my page, the buttons are one after another top to bottom. Your current homepage looks like this on the mobile device:
https://prnt.sc/nT-D79LUrWQ3
Hello Richard,
Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. You have to use Custom CSS to achieve your design.
For example, use this CSS to position the buttons underneath on mobile version.
@media (max-width: 425px) {
.sppb-sp-slider-button {
display: flex;
justify-content: center;
margin: 5px;
}
}Best regards
Many thanks for the tip, i cant get it to work though. Have tried in custom.css and also in the Custom CSS for the Section - cleared cache over and over but no change?
Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.
VERY many thanks, details in hidden content
I have added a Test page. Please check page id 164 with a Slideshow addon. Your homepage section has Custom CSS. Probably, this is the reason it is not applying there.
Ok thanks, yes the custom css in the homepage is the one you sent me above, i have tried it in 3 places, so your test doesnt seem to have anything set, just one button after another, i cant workout why in mobile view my second two buttons are at the very bottom of the slide :-(
Do you want the design available on my test page? Then I can try to help you.
Ok yes thanks whatever is easiest
I have tried to set up the home page with one slideshow. Please check the page now.
ok thanks - have you done anything different to my slideshow that is live on the site (HOME)?
on mobiles my two bottom buttons are out of view i just want them to be underneath each other but i cant see why they arent
I have adjusted the padding, margin and font size of the buttons for tablet and mobile device. I have also changed the window height for tablet and mobile. Please check your Custom CSS used in the addon. I think it needs to be adjusted for tablet and mobile devices.
thanks is it the text page or the live homepage that you have adjusted? i cant see any changes?
Yes, it is your home page. I have hidden the mobile version section. Please check now.
Nearly there thanks - the youtube video needs to be a bit taller, hopefully the buttons will still be under each other then?
Is it best to try and make one slideshow work best on desktop/mobile?
Thanks for your help Ofi, really appreciated.
I have copied the slideshow so that i can adjust it for mobiles and with an image it works better than the video. All i would like to be able to do now it get the buttons stacked above each other, if that is possibloe i would really appreciate a tip, otherwise it will be ok as it is.
thanks
This has been really helpful for me thanks