How to move button down on slideshow Help

WinterSolsticeH
New Member
3 0 0

Hi , 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.  Does somebody know how I could move the text down so it does not cover my banner's face?

WinterSolsticeH_0-1631718658300.png

 

0 Likes
Pallavi
Shopify Expert
2382 397 515

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

@WinterSolsticeH, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

 

.hero .hero__text-content a{
    position: relative;
    top: 200px;
}

@media (max-width: 767px){
.hero .hero__text-content a{
    position: relative;
    top: 100px;
}
}

 


You can change the values as per your wish:

200px = button offset on desktop
100px = button offset on mobile

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Pallavi
Shopify Expert
2382 397 515

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.liquid or theme.css and paste this at the bottom of the file:

.slick-initialized .hero__text-content {
    vertical-align: bottom;
    padding-bottom: 20vh;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
WinterSolsticeH
New Member
3 0 0

Thank you! That worked for the Shop Now button, but do you know how I would move the text down as well?

WinterSolsticeH_0-1631890083403.png

 

 

Thank You!

0 Likes