Remove these gray lines + the search button from the prestige theme

[lwshop]

Hey! How do I remove these lines + the search button from the prestige theme?

I tried to turn off the “separation border” in the theme editor but it doesn’t do the trick.

Would be much appreciated if anyone has the code to remove these things.

Thanks in advance !

[system]

Send me your store URL,
I can give me best solution.
Thank You.

[lwshop]

Sounds good, thanks!

https://lwlwlw.myshopify.com/collections/frontpage

Store pass: twawid

[system]

hii, @lwshop
Paste this code on bottom of the theme.scss file.

header#section-header {
    box-shadow: none !important;
}

a.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable:nth-child(1) {
    display: none !important;
}

[lwshop]

Thank you very much!

The issue is now fixed

Have a great day!

[lwshop]

The lines and search is still visable on mobile tho, is there any way to fix this?

[saimii]

Hey,
I would be able to help you if I have link to your website.
I can send couple of codes lines which you can add to hide them but for that I can have to check your code classes.

[system]

@lwshop
For mobile paste this code on bottom of the theme.scss file.

header#section-header {
    box-shadow: none !important;
}

[lwshop]

Hey, that still didn’t work for mobile

[lwshop]

https://lwlwlw.myshopify.com/

pass:twawid

Thanks, the only thing left to do is to hide the line + search bar on mobile as well

[rutvik_shop]

Hello @lwshop ,

Add the below code to perform the solution in mobile as well:

@media screen and (max-width: 768px) {
header#section-header {
    box-shadow: none !important;
}
a.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable:nth-child(1) {
    display: none !important;
}
}

[lwshop]

Thanks for the input, itsadly didn’t work tho.

[Zworthkey]

svg.Icon.Icon--search {
    display: none !important;
}
@media only screen and (min-width: 600px) {
header#section-header {
    box-shadow: none !important;
}
}

@lwshop
Add this code. in theme.css or style.scss

[lwshop]

Doesn’t work

[Zworthkey]

Where you have added code.

[lwshop]

bottom of theme.css

[rutvik_shop]

@lwshop !

.Header__Icon .Icon--search {
display: none !important;
}
.Header {
box-shadow: 0 0px var(--header-border-color) inset !important;
}

Try this

[lwshop]

that doesn’t work either haha, very weird.

[rutvik_shop]

@lwshop ,

Can I send you the collaboration access request to perform the solution by me?

[lwshop]

Yes please