Empire theme header break

Solved
alek1986
Excursionist
20 0 11

Hi,

I'm currently editing the Empire theme and I'm doing some CSS customizations.

 

I'm trying to figure out how to remove/hide the header break line. I see that another store has done it already. https://muji.ca

 

This is my non-published theme version.

https://3k01eqey7ukgp2bh-8118599740.shopifypreview.com

Thank you

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9420 1579 1967

This is an accepted solution.

hi @alek1986 

You have to add the code in theme.css file
Go to Online store -> Theme ->Action ->Edit code ->Asset ->theme.css

.site-header-wrapper {
    box-shadow: unset;
}


Thanks

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 13 (13)
KetanKumar
Shopify Partner
26483 2648 9337

@alek1986 

can you please provide issue image image so i will proper guide you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
alek1986
Excursionist
20 0 11

Screen Shot 2021-10-22 at 10.13.10 PM.jpg

 Hi @KetanKumar 

Thanks for your reply, you can see the break line marked within the grey circle.

Regards,

Alek

oscprofessional
Shopify Partner
9420 1579 1967

This is an accepted solution.

hi @alek1986 

You have to add the code in theme.css file
Go to Online store -> Theme ->Action ->Edit code ->Asset ->theme.css

.site-header-wrapper {
    box-shadow: unset;
}


Thanks

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

alek1986
Excursionist
20 0 11

Thank you very much! That worked very well!

Earlier this morning I thought it would be a shadow-related code.

BBL2
Tourist
13 0 2

Dear Alek 

How can I get rid of the same breakline at the Utilitybar between Utility Menu and Header as shown below pls?

269625661_473884987431059_3749525084728802249_n.jpg

Outerpreneur
New Member
9 0 0

Dear @BBL2 

 

Have you tried going on your CSS file and put the following code?

 

.site-header-wrapper {
    box-shadow: unset;
}

 

That should do the fix

Ecommerce Developer & Brand strategist
Outerpreneur
New Member
9 0 0

@BBL2 

 

If it doesnt, please share with me the URL of the website and I'll have a look.

 

Regards,

 

Ecommerce Developer & Brand strategist
BBL2
Tourist
13 0 2

Hi Sir,

Yes I did but only get rid of the breakline at the Header not at the Utility Bar.

Outerpreneur
New Member
9 0 0

Can you share your URL @BBL2 

Ecommerce Developer & Brand strategist