How can i edit these buttons for my mobile phone (dawn Theme)

Hello, i have two buttons on my home page. One for men and one for women.

On a desktop it looks good but on a mobile device, they are not even? I want to position it more in the center and more down. How can I repare this? See the picture below

I have the dawn theme.

1 Like

Hi @sahar5

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.banner__box.content-container.content-container–full-width-mobile.color-inverse.gradient {

width: 91% !important;

padding-top: 200px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

unfortunately not 100%, here you can find a picture how it looks now on my phone.

this is my url: www.sahar-fashion.com

www.sahar-fashion.com