How can I remove the main header in ecomsolid?

Store Design
1

nnnn.JPG
nnnn.JPG1650Ă—955 160 KB

I want to remove the main header of the shopify and I want to use the header that i am bulid in the ecomSolid

The shaded section is my problem (main header is always above my header )

plz help me

thank

2

Hi @ahmadrsslan , please share your url so I can take a look. :slightly_smiling_face:

1 Like
3

hello Ms thank you for your answer

this is the link

https://buyworldwidebww.myshopify.com/?_ab=0&_fd=0&_sc=1

4

Hi @ahmadrsslan , I understood that is the result you’d like to get (without shady part)? :slightly_smiling_face:

Screenshot 2022-06-04 at 21.17.17.png
Screenshot 2022-06-04 at 21.17.17.png1238Ă—283 62.8 KB

In order to do this, just add:

.header__mid{
display:none;
}

If you find my answers helpful, please mark resolved or like.

1 Like
5

thank you Ms so mach but this two line of code where should i have to put them

6

Hi @ahmadrsslan , you’re welcome.
Look into assets folder, are there files like theme.css or base.css?

Add this code in one of these files. :slightly_smiling_face:

1 Like
7

I will do it now and try

that so kind of you Ms

thank you a lot.

1 Like
8

You’re welcome.

Glad I could help!

If my answers solves your problem, please mark resolved.

1 Like
9

thank you very mach Ms

problem solved

but i found a anther problem i the top bar of shopify is cover the top bar of ecoosolid

you can see it when you hover at the top on the header and scrolling

here is the link

https://buyworldwidebww.myshopify.com/?_ab=0&_fd=0&_sc=1

thank you for helping me so mach

10

Hi @ahmadrsslan , you’re welcome. :slightly_smiling_face:
Add this piece of code:

.shopify-section-header_top{
display:none;
}

Hope this helps.

1 Like
11

thanks Ms Marian but this code does not make any different

what I want to do Ms is enable the two top bar but ( first ecomSolid top bar then the other)

is this possible

12

@ahmadrsslan is this the result you’d like to get?

Screenshot 2022-06-05 at 13.06.45.png
Screenshot 2022-06-05 at 13.06.45.png1280Ă—293 71.6 KB

1 Like
13

your are amazing

yes Ms this is exactly what I want

thank you so so mach for your interest and your helping

14

@ahmadrsslan you’re welcome.

.gt_section-s5FyUg6oPKfzoRZ{
z-index:999;
}
.ntheader_wrapper{
top:35px;
}
.gt_header-content{
margin-top:50px;
}
.gt_section-CxriL2D2xwGDGrW {
top:50px;
}
1 Like
15

Wonderful !!

Thank you very much

problem solved

I just added

.gt_section-s5FyUg6oPKfzoRZ{
top :40px;
}

in addition

1 Like