Small fix in header

[SamSukhoonNordl]

 Hello I'd like the lines besides the logo & cart to go all the way up to annoncement bar and all the way down til the page starts. I'd also like to be able to move them a little bit more to the center!

[BSSCommerce-TC · Accepted solution]

Is this final result you want ?

You can follow these steps:

Step 1: At store admin , go to Online store > Themes > Edit code and find the base.css file

Step 2: Insert below codes at the end of file and Save them.

@media screen and (min-width: 990px) {
    header {
      padding: 0 5rem;
    }

    nav.header__inline-menu {
       padding: 10px;
       margin: 0 10rem !important;
    }
}

I hope it will helpful with you!

We're happy to support you. Can you give us a like or solution? This can greatly motivate us to contribute to our community.

[BSSCommerce-TC]

Hi @SamSukhoonNordl ,

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[SamSukhoonNordl]

nattstudios.com

1234

[BSSCommerce-TC · Accepted solution]

Is this final result you want ?

You can follow these steps:

Step 1: At store admin , go to Online store > Themes > Edit code and find the base.css file

Step 2: Insert below codes at the end of file and Save them.

@media screen and (min-width: 990px) {
    header {
      padding: 0 5rem;
    }

    nav.header__inline-menu {
       padding: 10px;
       margin: 0 10rem !important;
    }
}

I hope it will helpful with you!

We're happy to support you. Can you give us a like or solution? This can greatly motivate us to contribute to our community.

[SamSukhoonNordl]

 This became the result, not all the way 😞

[SamSukhoonNordl]

---

@SamSukhoonNordl wrote:

 This became the result, not all the way 😞

---

@media screen and (min-width: 990px) {
.header__inline-menu {
border-left: 1px solid #000 !important;
border-right: 1px solid #000 !important;

width: 100% !important;
text-align: center !important;
}

}
@media screen and (min-width: 990px) {
header {
padding: 0 5rem;
}

nav.header__inline-menu {
padding: 10px;
margin: 0 10rem !important;
}
}

Here is my code right now!

[BSSCommerce-TC · Accepted solution]

Hi @SamSukhoonNordl ,

I was double check on your website , you just only add attribute important. It like that:

@media screen and (min-width: 990px) {
    header {
      padding: 0 5rem !important;
    }

    nav.header__inline-menu {
       padding: 10px;
       margin: 0 10rem !important;
    }
}

[SamSukhoonNordl]

You're the best! 

Appericate it, If you ever have the chance, please take a look at my "email" post. 

I have removed the previous code i tested out so code is default in that post.

[BSSCommerce-TC]

Thank for your reply. We're happy to support you. This can greatly motivate us to contribute to our community.