Positioning Of Buttons On A Slide In The Slideshow - Question | JoomShaper

Positioning Of Buttons On A Slide In The Slideshow

R

Richard

SP Page Builder 1 month ago

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?

https://www.tweddellgolftravel.com/

0
17 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213339

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:

prnt.sc/nT-D79LUrWQ3

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213046

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

0
R
Richard
Accepted Answer
1 month ago #213073

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?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213076

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.

0
R
Richard
Accepted Answer
1 month ago #213082

VERY many thanks, details in hidden content

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213098

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.

0
R
Richard
Accepted Answer
1 month ago #213108

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 :-(

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213141

Do you want the design available on my test page? Then I can try to help you.

0
R
Richard
Accepted Answer
1 month ago #213168

Ok yes thanks whatever is easiest

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213195

I have tried to set up the home page with one slideshow. Please check the page now.

0
R
Richard
Accepted Answer
1 month ago #213213

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

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213255

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.

0
R
Richard
Accepted Answer
1 month ago #213256

thanks is it the text page or the live homepage that you have adjusted? i cant see any changes?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 1 month ago #213262

Yes, it is your home page. I have hidden the mobile version section. Please check now.

0
R
Richard
Accepted Answer
1 month ago #213292

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?

https://prnt.sc/MG4zSnEmX4QQ

0
R
Richard
Accepted Answer
1 month ago #213309

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

0
R
Richard
Accepted Answer
1 month ago #213375

This has been really helpful for me thanks

0