how can i align this button and image to the center of the screen for mobile and all devices?

[d4vaughn]

this is how my page looks on mobile and as u can see it isn't aligned, and also for desktop there's a bit of a scrolling feature, i want it to be perfect fit perfectly in the middle for all devices, please help i'm a beginner with not much experience. i'm using dawn theme.

[d4vaughn]

surely it can't be that hard right? please assist me step by step. i just want to align everything to the center and middle of the page for all devices.

[thirtycoders]

Hello @d4vaughn,

Could you please share your website url?

Thanks!

[d4vaughn]

site's not up yet. could you please give me a solution to this?

[thirtycoders]

Hello @d4vaughn,

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 the bottom of the file -> Save

header{
overflow-y: hidden;
}

 
Thanks!

[d4vaughn]

didn't work.. the button and image is not under 'Header' it's under 'Template'