Solved

Empire theme header break

alek1986
Shopify Partner
27 1 13

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)
oscprofessional
Shopify Partner
15821 2368 3077

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 13 (13)

KetanKumar
Shopify Partner
36839 3635 11971

@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
Shopify Partner
27 1 13

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
15821 2368 3077

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
alek1986
Shopify Partner
27 1 13

Thank you very much! That worked very well!

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

BBL2
Excursionist
23 0 4

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
Shopify Partner
19 0 6

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
Shopify Partner
19 0 6

@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
Excursionist
23 0 4

Hi Sir,

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

Outerpreneur
Shopify Partner
19 0 6

Can you share your URL @BBL2 

Ecommerce Developer & Brand strategist
BBL2
Excursionist
23 0 4
Outerpreneur
Shopify Partner
19 0 6

Try this 

.utility-bar {
    border-bottom: none;
}
Ecommerce Developer & Brand strategist
BBL2
Excursionist
23 0 4

Hi Sir,

Thank you so much for your prompt response. Unfortunately Its not working. 

Outerpreneur
Shopify Partner
19 0 6

ok go on your CSS file and search the following:

 

.utility-bar {
    background-color: #ffffff;
    border-bottom: 1px solid #081f9f;
}

 

Remove/delete the border-bottom part.

Ecommerce Developer & Brand strategist