Dawn Theme: How to change Button Placement on Mobile

[juliecaesar]

Hi everyone 🙂

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

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

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!

[PageFly-Richard · 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

[juliecaesar]

That worked perfectly! Thank you Richard 🙂 

[PageFly-Richard]

You are welcome @juliecaesar 

[erhernandez1973]

This worked for me too! You are a miracle worker. I'm glad I was able to find the solution.

Thank you and have a great day!

[LukeSutphin]

Hello, whenever I do this it does not change anything at all to my store. I really need some help?