Call to action button position in slideshow on Brooklyn theme

Solved
Maitri
Excursionist
38 0 9

Hi there, I am using the Brooklyn theme. There's a ''shop now'' call to action button on the slideshow that appears on the center of the banner when seen on computer but is underneath when using my phone. Does somebody know how I should do it for it to appear on the center of the slideshow on each platform ?

 

Screenshot 2020-08-10 at 7.48.07 PM.png

 

Screenshot 2020-08-10 at 7.47.55 PM.png

 

Thank you in advance

KetanKumar
Shopify Partner
18927 1986 6999

Hello, @Maitri 

Welcome to the Shopify community!
and Thanks for your Good question. 


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Maitri
Excursionist
38 0 9

Thank you  

Here is my shop : maitriscove.com 

0 Likes
KetanKumar
Shopify Partner
18927 1986 6999

This is an accepted solution.

@Maitri 

Thanks to Store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero__text-content {
vertical-align: bottom;
bottom: 60px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Maitri
Excursionist
38 0 9

It worked after a bit of adjustment (250px instead of 60px for the CTA button to appear right in the center of the banner) 

Thank you very much 

KetanKumar
Shopify Partner
18927 1986 6999

@Maitri 

Thanks for the update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
JuanOrdonez
New Member
2 0 1

Hello! Thank you very much for your kind gesture of helping us fix our problems. I have the same issue, but none of the codes you shared above seems to solve it. Could you please give me a hand? My shop url is http://zerocarnizero.myshopify.com/

KetanKumar
Shopify Partner
18927 1986 6999

@JuanOrdonez 

sorry for this issue please add this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.slideshow__text-wrap--desktop .slideshow__text-content {
    top: inherit;
    bottom: 50px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
RhysAsmara
Tourist
15 0 1

@KetanKumar  this work for me well but. What if i want the button on the bottom left and the sub text on the bottom right?

RhysAsmara_0-1623766552096.png

right now they are on top f each other like this, i would like the text to be on the bottom right

KetanKumar
Shopify Partner
18927 1986 6999

@RhysAsmara 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes