Hello Everyone! I’m trying to have a full-width header for my upcoming store(using Shopify Dawn Theme) and really struggling to find the code for it. I only need the header to have the full width and keep the body as it is. Need the logo to be pushed to the far left and search, shopping cart, and p…

@samsilva yes, please try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. .header {max-width: 100%;}

Legend! Thanks so much, mate! It worked!

This didn’t work for me. Any other suggestions? Here’s my store: www.arcticwaveco.com

This works but the menu changes from one row to two rows when the desktop explorer window is not fully opened . Any suggestions on how to make it reactive ? [螢幕截圖 2023-10-05 下午11.26.12.png]

@floweractually oh sorry for that issue can you please send store url so i will check and let you know

https://q0y2lursev2dfhgb-24690163805.shopifypreview.com

Hello Ketankumar, I am right now working on the Dawn theme as well. I would like to have a header like this: https://www.lemela.co.uk/ Like full width and full height. Could you help me? Right now it looks like this [Reg101_0-1747032194924.png]

I used this code: .banner__media { height: 100vh !important; width: 100vw !important; object-fit: cover !important; } .banner–medium, .banner–large, .banner { height: 100vh !important; display: flex; align-items: center; }

@Reg101 Sure, could you please share your store URL? I’ll review it and get back to you as soon as possible.

https://4fjfi0-39.myshopify.com/

How can I create a full-width header in the Dawn theme?

Store Design

labtoolhk March 26, 2023, 11:41pm 5

It works. But how to stay navigation menu in the center?

Topic		Replies	Views
How to make header full width in Dawn Theme Store Design design , header , customizations , shopify-themes	9	156	January 6, 2025
How can I adjust my website's header to full width on the Dawn theme? Store Design menu , design , customizations , css , shopify-themes , troubleshooting	2	43	June 27, 2023
How can I make my header full width on Dawn theme? Store Design header	2	34	September 20, 2023
How can I get my header to span full width on the Dawn theme? Store Design menu , design , header , customizations , css	10	280	April 4, 2024
Needing header to be full length in Dawn Theme Shopify Discussion troubleshooting	5	64	July 21, 2024

How can I create a full-width header in the Dawn theme?

Related topics