Align button not aligning on refresh theme

Technical Q&A
1

I am trying to align a button under my text on my slideshow/banner image.

I am aligning properly as seen in the image below

AURA20223_0-1677092835503.png
AURA20223_0-1677092835503.png1507×809 240 KB

However when i preview on my aurathefragrance it is not aligned in the right place

2

Hi @AURA20223

Can you provide the password of the url, please. I will check for you

3

Hello @AURA20223 ,

Greetings from the Store Watchers Support Team! Happy to help you today.

Can you please provide your storefront password so I can further check the issue?

Let me know if need further assistance

Regards,
Store Watchers Support Team

4

Hello @AURA20223 ,

Can you give me your Store password so I can check it for you?

Kind & Best regards,
GemPages Support Team

5

Hi @AURA20223

Can you kindly share your store password? We will check it and suggest you a solution if possible.

6

daonag

7

Hi guys password is daonag and i removed it so you guys can see

8

Hello @AURA20223 ,

You can check answer in here https://community.shopify.com/c/technical-q-a/how-do-i-move-the-button-on-my-slideshow/m-p/1959623/highlight/true#M120382

9

Hi @AURA20223

Please follow these steps:

  • Find the component-slideshow.css file and find the code below:
.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
}
  • And replace it with this code:
.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper {
  height: 100%;
  padding-left: 0;
  margin: 0;
}

We hope that this can help you.

10

Thank you this worked, i just had to adjust the height a lil and it was perfect!

1 Like
11

Actually. It seems to mess up on MObile, the button covers the text, however on desktop it’s in the perfect position

1 Like