Small design add in HEADER!

[SamSukhoonNordl]

Hello! I'd like to add black bars in the header as the picture shows below!

 

Here is my site!

Nattstudios.com

Code 1234

[vm-web]

@SamSukhoonNordl 

Please add the following CSS code to your assets/base.css bottom of the file.

@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;
    }
}

Thanks!

[SamSukhoonNordl]

 The lines didn't go down/up all the way, also I want it more towards the center! 🙂 

[vm-web]

@SamSukhoonNordl 

Please add the following CSS code to your assets/base.css bottom of the file.

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

[SamSukhoonNordl]

I'd rather not make the header smaller but the lines longer.

[vm-web]

@SamSukhoonNordl 

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 990px) {
    .header {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

       .header__inline-menu {
        padding: 8px !important;
    }
}

[SamSukhoonNordl]

Tried it, didn't solve the problem!

[SamSukhoonNordl]

As I said, I'd like to make the black lines taller not change the header size!