How to remove or hide nav.breadcrub-container from Empire Theme site

How to remove or hide nav.breadcrub-container from Empire Theme site

dtffox
Excursionist
13 1 5

https://vinylfoxusa.com/search?type=product&options[unavailable_products]=last&q=(id:7534773862479%2...

Password: VINYL2024!

 

I would like to remove or hide the Breadcrumb navigation bar from the top of all search pages. Thank you in advance.

 

Breadcrumb Nav.png

Reply 1 (1)

dws_pvt_ltd
Shopify Partner
330 65 92

Hello @dtffox 


Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file -> Save

<style>
.template-search nav.breadcrumbs-container a, .template-search nav.breadcrumbs-container span {
    display: none;
}
</style>

See result

dws_pvt_ltd_0-1726664583782.png


Best Regards,
Dws_pvt_ltd

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.