New Shopify Certification now available: Liquid Storefronts for Theme Developers

Move Banner Button on my mobile landing page to the bottom (refresh theme)

Solved
Moritz_22
Tourist
5 0 1

Hi Community,

i want to move the landing page banner button to the bottom on the mobile version. I have the refresh theme installed. Can someone help me with this problem?

Thanks so much!

Mor

Accepted Solution (1)
Abdosamer
Shopify Partner
443 67 64

This is an accepted solution.

Go to section-image-banner.css and add the following code:

@media (max-width:749px){
      .banner__buttons .button.button--secondary{

      margin-top:23rem !important;

  }


   }
Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp

View solution in original post

Replies 7 (7)
Abdosamer
Shopify Partner
443 67 64

Hi @Moritz_22 , can you share your store url?

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
Moritz_22
Tourist
5 0 1

hi @Abdosamer thanks for reaching out.

https://brazel.co/ yes of course, this is the store:)

Abdosamer
Shopify Partner
443 67 64

You want to move this button?:

Abdosamer_0-1700249360237.png

 

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
Moritz_22
Tourist
5 0 1

yes on the desktop version the button is fine. but on the mobile it is in the centerIMG_0474.jpg

Abdosamer
Shopify Partner
443 67 64

This is an accepted solution.

Go to section-image-banner.css and add the following code:

@media (max-width:749px){
      .banner__buttons .button.button--secondary{

      margin-top:23rem !important;

  }


   }
Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp
Moritz_22
Tourist
5 0 1

@Abdosamer thank you so much!

Abdosamer
Shopify Partner
443 67 64

Glad it helped, feel free to contact me if you run into problems in the future.

Email : abdelrahamansamer71@gmail.com
Buy me a Coffee
Chat on WhatsApp