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. [shopall.png] [example…

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.

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

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!

didn’t work.. the button and image is not under ‘Header’ it’s under ‘Template’ [tra1t ss.png]

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

Store Design

thirtycoders May 25, 2024, 8:36am 2

Hello @d4vaughn ,

Could you please share your website url?

Thanks!

Topic		Replies	Views
How can I align two buttons in the center on mobile? Shopify Discussion	9	432	February 11, 2023
How can I align a button to the bottom center on mobile using the Dawn theme? Shopify Discussion	9	78	February 3, 2023
How can I center the 'View All' button on the Dawn theme mobile version? Store Design menu , design , customizations , css , shopify-themes , troubleshooting	5	32	August 20, 2023
How can I fix alignment issues with a custom button on both mobile and desktop? Store Design	11	55	April 17, 2022
How to move text to the center of the page on mobile Store Design menu , liquid , design , customizations , landing-page , css , metafields , troubleshooting , html , product-page	3	108	January 17, 2025

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

Related topics