Menu bar background colour full width issue

[hem0903]

store url -https://50ef2d-2.myshopify.com/

Hi i used below code to make background white.

div.site-header__nav-standalone {max-width: 100%;
background: white !important;
}

but it is not showing on full width.

[BSSCommerce-HDL · Accepted solution]

Hi @hem0903, 

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

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.site-header.logo_above {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

div.site-header__nav-standalone {
  max-width: 100%;
  background: white !important;
  width: 100vw !important;
  margin: 0 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @hem0903, 

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

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.site-header.logo_above {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

div.site-header__nav-standalone {
  max-width: 100%;
  background: white !important;
  width: 100vw !important;
  margin: 0 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[hem0903]

Thankyou so much it is working, one more little help it is showing little bit orange in bottom, how to make that white as well.

[BSSCommerce-HDL · Accepted solution]

Hi @hem0903, Pls insert this code to your file css: 

.site-header.logo_above {
    padding-bottom: 0 !important;
    transform: translateY(1px) !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍