Small design add in HEADER!

Small design add in HEADER!

SamSukhoonNordl
Tourist
53 1 10

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

banoo.png

Here is my site!

Nattstudios.com

Code 1234

Replies 7 (7)

vm-web
Shopify Partner
29 1 4

@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!

If helpful then please Like and Accept Solution.
SamSukhoonNordl
Tourist
53 1 10

34ec2bb2b2a2f0c41c4c27c3cdb60334.png

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

vm-web
Shopify Partner
29 1 4

@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;
    }
}
If helpful then please Like and Accept Solution.
SamSukhoonNordl
Tourist
53 1 10

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

vm-web
Shopify Partner
29 1 4

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

 

If helpful then please Like and Accept Solution.
SamSukhoonNordl
Tourist
53 1 10

Tried it, didn't solve the problem!

SamSukhoonNordl
Tourist
53 1 10

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