How to move button down on slideshow Help

[WinterSolsticeH]

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?

[ZestardTech]

Hello There,

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

[WinterSolsticeH]

Hi,

Its: Winter Solstice Hair Extensions (winter-solstice-hair-extensions.myshopify.com)

Password: Winter1

Thanks

[diego_ezfy]

@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

[ZestardTech]

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;
}

[WinterSolsticeH]

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

Thank You!