How can I make the header full width in my online store?

How can I make the header full width in my online store?

24 0 5

I would like the have the header ( menu name and shoppingbag ) from side to side of the shop.



Screenshot 2021-09-29 at 14.03.11.png

Replies 2 (2)

Shopify Partner
2302 570 1425

hello @ailene 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 768px){
.site-header__wrapper .page-width{
    max-width: 100% !important;


Shopify Staff
2497 456 416

Hey @ailene.

Thanks for reaching out.

I appreciate you letting us know which theme you are using as well as the URL to your online store! By default, the Narrative theme will display the shopping cart icon towards the top right of the page and the menu will display on the left side. With that being said, in order to make further changes to the way the header section is displaying on the online store, we will need to change a bit of coding.

Since the Narrative theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal themes team to make the changes on your behalf. If you are interested in using the design time, you can login to your store using our Contact Us page. This will allow us to securely verify you as the store owner before discussing the changes you would like to make on the online store with a Support Advisor.

Let me know if you have any additional questions.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog