How can I keep my landing page button fixed at the bottom on mobile view?

Solved

How can I keep my landing page button fixed at the bottom on mobile view?

le_X_Atelier_
Excursionist
71 0 8

Hello on the home page the button is at the bottom of the screen and when I click on the smartphone view the button slides to the top but I do not want the button should be in the smartphone view also down there where the red box is

Bildschirm­foto 2023-02-08 um 16.42.43.png

Bildschirm­foto 2023-02-08 um 16.42.55.png

thanks for your help 

 

le-x-atelier.com

pw: djerba

Accepted Solution (1)

PageFly-Kate
Shopify Partner
1269 360 388

This is an accepted solution.

Hi @le_X_Atelier_ ,

 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    body #Banner-template--17113972244745__image_banner .banner__content .banner__box {
        padding-bottom: 0px !important;
    }
}

I hope it would help you
Best regards,

Kate | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

PageFly-Kate
Shopify Partner
1269 360 388

This is an accepted solution.

Hi @le_X_Atelier_ ,

 

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    body #Banner-template--17113972244745__image_banner .banner__content .banner__box {
        padding-bottom: 0px !important;
    }
}

I hope it would help you
Best regards,

Kate | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

Moritz_22
Tourist
5 0 1

Hi @PageFly-Kate ,

i have the same problem, but the solution/code from you does not work. Can you help me to move the button on the landing page to the bottom?

Best, Moritz