FROM CACHE - en_header

Dawn Theme: How to change Button Placement on Mobile

Solved
juliecaesar
New Member
2 0 0

Hi everyone 🙂

 

I am happy with my the button placement on my banner for the desktop view: 

Screen Shot 2022-09-23 at 2.19.42 pm.png

However for the mobile view, the button placement looks like this:

Screen Shot 2022-09-23 at 2.19.54 pm.png

 

Is there any way to get the mobile button placement to look like the desktop button placement & size?

 

My shopify store is www.lovecattus.com

pw: chealy

 

Thank you in advance!

 

 

Accepted Solution (1)

Accepted Solutions
RichardNguyen
Shopify Partner
1604 250 935

This is an accepted solution.

Hi @juliecaesar 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

 

@media screen and (max-width: 767px){
.button.button--secondary{
top: 80px !important;
}
}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.


Check our Evergreen List of Best Platforms To Sell Online.


Or our new series to Build The Perfect Mobile-Friendly Store.

View solution in original post

Replies 3 (3)
RichardNguyen
Shopify Partner
1604 250 935

This is an accepted solution.

Hi @juliecaesar 

 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

 

@media screen and (max-width: 767px){
.button.button--secondary{
top: 80px !important;
}
}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.


Check our Evergreen List of Best Platforms To Sell Online.


Or our new series to Build The Perfect Mobile-Friendly Store.

juliecaesar
New Member
2 0 0

That worked perfectly! Thank you Richard 🙂 

RichardNguyen
Shopify Partner
1604 250 935

You are welcome @juliecaesar 

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.


Check our Evergreen List of Best Platforms To Sell Online.


Or our new series to Build The Perfect Mobile-Friendly Store.