How can i move cta button onto image in brooklyn theme slideshow

Solved
Bren_oc
Tourist
6 0 3

Hi everyone, 

 

Can someone please help here? I am trying to move the cta button and text onto the screen on the mobile version of the brooklyn theme.

 

Thanks in advance

Bren_oc_0-1625486325995.png

 

KetanKumar
Shopify Partner
20698 2146 7843

@Bren_oc 

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 Partner | 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
Bren_oc
Tourist
6 0 3
Hi there thanks for helping!

URL is dianakelleher.com and the store name is DianaKelleher

Could you check how to do this on www.dbfitapparel.com to please?

Thanks so much in advance
Armaan
New Member
7 0 0

Hi @Bren_oc 

Hope you are doing well.

 

I have crosschecked your website. Your previous developer hide the cta button from the image because background has some text and that text is overlapped by the cta button and the text.

please check this. and let me know if you need any help from me.

 

Armaan_0-1625504186306.png

 

 

0 Likes
Bren_oc
Tourist
6 0 3

Hi Ketan,

 

Thanks for replying so quick the url is www.dianakelleher.com and we have another website www.dbfitapparel.com - we require this on both websites.

 

Thanks so much in advance

0 Likes
Bren_oc
Tourist
6 0 3

Hi Arman,

 

Thanks for this. Yes I am just going to upload a pic with no writing on it. I want to have the cta in the image but much smaller than what you are showing me there.

 

Thanks for getting back to me so quick!

0 Likes
Armaan
New Member
7 0 0

Hi @Bren_oc 

please message me in inbox when you upload the without writing image. then i will let you know about the changes.

0 Likes
KetanKumar
Shopify Partner
20698 2146 7843

This is an accepted solution.

@Bren_oc 

thanks for store url can you please update this code

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

@media screen and (max-width: 768px) {
.hero--adapt .hero__text-align {
    display: table;
}
.hero__adapt-text-wrap {
display: none !important;
}
}

 

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 Partner | 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
Bren_oc
Tourist
6 0 3

Thanks so much that did the trick.

 

I want to do the same for www.dbfitapparel.com.

 

Will I use the same line of code?

 

Thanks again in advance

KetanKumar
Shopify Partner
20698 2146 7843

@Bren_oc 

Yes, if same theme so you can use same code

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 Partner | 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