BreadCrumbs Bar / Page Title Turn Off + Icon

Support
#1

I noticed an issue I was able to turn off the bread crumbs title and bar on post pages only. with some code. but the whole site has breadcrumbs and titles and the grey bar. can you tell me, how I can turn this off? Its on every page because I have the bread crumbs turned on to see the arrows to go to next image for the portfolio posts We need this. We need these arrows on top right to get to next image. but dont need page titles and little house icon + the grey bar.

How do we turn Off for the whole site while keeping the navigation arrows for posts / portfolio items.

see first 2 pics have bar and 3rd one no bar i was able to edit the css to turn this off thanks to your support team.

#2

Hi,

To achieve that, you need to turn on breadcrumbs then hide it using css.

You can add the code below in Theme Options > CSS

.x-breadcrumbs {
    display: none;
}

Hope that helps.

#3

That was able to take the title and home icon off Thanks.

How can I get ride of the grey bar or title bar on every page ?

#4

Hi There,

Please remove the previous CSS and add this custom CSS instead:

.x-breadcrumb-wrap {
display: none;
}

Let us know how it goes!

#5

that took my arrows off the page for the featured image post for my portfolio and I need that to work so users can navigate to next image, see image above ) just dont need the grey title bar for every page that is just a bad look for this site.

Please see images above and what im really trying to do. I feel like we just went in a full circle

I only need breadcrumbs to be used for featured images for the arrows not on the whole site please read above. Thanks

#6

Hi again,

Can you please share the URL of pages you’re referring to so we can take a look at your current setup and suggest you the solution accordingly.

Thanks!

#7

ok this worked thanks and the arrows are still working for the portfolio, great job

#8

Hi There,

Please update the previous CSS to this:

.x-breadcrumb-wrap {
    background: #fff;
    border-bottom: none;
    box-shadow: none;
}

Hope it helps :slight_smile:

#9

ok this worked thanks and the arrows are still working for the portfolio, great job

#10

Glad that we could be of a help :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.