Debut: Change location CTA button and decrease the gap between slideshow and featured product

drunkdonald
Tourist
8 0 1

Hello Guys,

 

I am using debut. Fullscreen view works fine for me but I have some issues with the mobile one.

I don't like that the CTA button is at the bottom, how can I put it a little higher?

And how can I make the gap between the slideshow and the featured product smaller?

 

I already have added this code to theme.css

a.btn.slideshow__btn {
margin-top: 20%;

drunkdonald_0-1612625837600.png

 

 

 

KetanKumar
Shopify Partner
14273 1659 5140

@drunkdonald 

Sorry for facing this issue, it's my pleasure to help us.

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
0 Likes
drunkdonald
Tourist
8 0 1

Thanks a lot!

 

https://drunkdonald.store/

 

0 Likes
KetanKumar
Shopify Partner
14273 1659 5140

@drunkdonald 

thanks store url sorry but i can't see this view 

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
drunkdonald
Tourist
8 0 1

Now you must be able to see it. 

0 Likes
KetanKumar
Shopify Partner
14273 1659 5140

@drunkdonald 

thanks, can you please try this

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {
a.btn.slideshow__btn {
margin-top: 8%;
}
}

 

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
drunkdonald
Tourist
8 0 1

Unfortunately nothing changes.

 

Maybe it has something to do with the other code I inserted: 

a.btn.slideshow__btn {
margin-top: 20%; 

 

 

0 Likes
KetanKumar
Shopify Partner
14273 1659 5140

@drunkdonald 

sorry i can't see this 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 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