Button position on mobile, prestige theme

[zee13]

hi have tried all the codes i have seen on the discussions but none have worked for me. i would like my button position to be like this website on mobile

https://threenailsclothing.com/

thank you in advance for your help!

[KetanKumar]

@zee13

oh sorry for that issue can you please share store url so i will check and let you know

[zee13]

my store is not yet live, how do I send you the URL?

[BSS-Commerce]

Hi @zee13

Can you kindly share your preview store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[zee13]

https://esfuerzolifestyle.com/

password is zee13

[zee13]

https://esfuerzolifestyle.com/

my password is zee13

[BSS-Commerce]

Hi @zee13

To make the button display in the position you want, you can follow these steps:

1. Online Store → Themes → Edit code


2. Find the file theme.scss or theme.css or base.css and add this code at the end of the file:

@media screen and (max-width: 767px){
   .Slideshow__Content {
       position: absolute;
       left: 120px;
       bottom: 20px;
       top: inherit;
    }
}

• Here is the result:

I hope that it will work for you.

[zee13]

thank you so much, it worked

Also how can I make the button smaller

[BSS-Commerce]

Hi @zee13

You can add this code at the end of the theme.scss file:

@media screen and (max-width: 767px){
   ...
   .Button {
       padding: 12px;
       font-size: 12px;
       width: 140px;
   }
}

You can customize these properties as you want, and the button should look like this:

We hope that this can help you.

[zee13]

that did not work unfortunatly.

[BSS-Commerce]

Hi @zee13

We apologize if we have confused you. We mean that you should add that code right below the previous code we sent, or you can simply remove the “…” from the code if you have added it at the end of the file. If it still doesn’t work, please let us know.

[rayotisisters]

see thiss error