How can I move the 'Shop Now' button to the bottom of all slideshow slides?

Store Design
, ,
1

CBA8BEAA-380D-4135-B77A-B595D14C9E15.png
CBA8BEAA-380D-4135-B77A-B595D14C9E15.png828×1792 138 KB

Does anyone know how to move this shop now button to the bottom of the slideshow on all slides ? Thanks

dagnorak.myshopify.com

2

Hi @DAGNORAK

I hope this solution will works. feel free to text me back if you have any question.
Please follow below steps

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag
@media only screen and (min-width: 750px){ .banner--desktop-transparent .banner__box{ position: absolute; bottom: 30px; } }
3

Hello,

Add this Css in your Base.css file then this change will fixed

For Mobile Only

@media only screen and (min-width: 750px){
     .slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--center.slideshow__text-mobile--center 
     {
          position: absolute;
          bottom: 0 !important;
     }
}

If Mobile And Desktop Both

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--center.slideshow__text-mobile--center 
     {
          position: absolute;
          bottom: 0 !important;
     }
4

@DAGNORAK add below css into base.css file

.banner__box>*:first-child {
    margin-top: 62% !important;
}

Ujjaval_0-1680876027692.png
Ujjaval_0-1680876027692.png435×707 118 KB

5

Hi @DAGNORAK ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly