Top bar removal - District theme

Highlighted
Tourist
7 0 3

Hi, I saw a few people had this issue and so do I!

I want to remove this annoying top bar above my header but I have no idea where the option is (if there even is one) so I think I will have to edit the theme code.

Could anyone help? Would help me out tremendo

Screenshot_3.pngusly

0 Likes
Highlighted
Shopify Partner
2314 502 652

Hey @Bernard666420,

Please share website URL. I will check and provide solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
7 0 3

Hi @dmwwebartisan !

https://piecesstore.myshopify.com/

password: siapid

Thanks so much!

1 Like
Highlighted
Shopify Partner
2314 502 652

Hey @Bernard666420,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 .header.util{
    margin-bottom: -7px;
    height: 47px;
 }

 

Let me know if this works for you.

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Astronaut
1085 178 213

@Bernard666420 

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.template-index #shopify-section-header{
    margin-bottom: 0 !important;
}




Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
7 0 3

hi @dmwwebartisan I tried it out and I dont think it works

http://prntscr.com/u3x2n6

Did I do it correctly?

1 Like
Highlighted
Astronaut
1085 178 213

@Bernard666420 

Try the code that I suggested you too just in case. 

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
1 Like
Highlighted
Shopify Partner
2314 502 652

Hey @Bernard666420,

You did right but don't know why it not worked.

Remove old code and try to put following code at the bottom

 

@media screen and (min-width: 720px) {
.template-index #shopify-section-header{ margin-bottom: -60px !important; }
}

 

 

Let me know if this works!

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 3

http://prntscr.com/u3xyh2

I think it worked for one of the parts, but I am trying to also remove the actual top bar with search the cart, or move the cart to where the header is

0 Likes
Highlighted
Shopify Partner
2314 502 652

@Bernard666420,

Now the strange line is gone. Now you want to remove that bar completely but the cart must move above the black bar on the right top corner, right?

Let me know so I can suggest to you.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes