Remove Home Button From Folder Nav

jbeechii

I'm trying to hide the home button from all navigation on my site.

In the legacy sites I used css / html to design a custom menu for each of my customers.
Each customer was just a category that showed only that customers photos for a single event. I have many customers and some have multiple events but each 'site' only shows a single categories worth of photos.

I don't see any way to not show HOME in breadcrumbs etc. And I can't seem to hide it with custom css.

Can anyone offer help?
Here is my sandbox site: http://jbeechii.smugmug.com/Customer1Folder
I also have http://jbeechii.smugmug.com/Customer2Folder

leftquark

jbeechii wrote: »

I'm trying to hide the home button from all navigation on my site.

In the legacy sites I used css / html to design a custom menu for each of my customers.
Each customer was just a category that showed only that customers photos for a single event. I have many customers and some have multiple events but each 'site' only shows a single categories worth of photos.

I don't see any way to not show HOME in breadcrumbs etc. And I can't seem to hide it with custom css.

Can anyone offer help?
Here is my sandbox site: http://jbeechii.smugmug.com/Customer1Folder
I also have http://jbeechii.smugmug.com/Customer2Folder

We can't get to your links because you have them password protected but ....

You can control the home and seperator icons as follows:

/* Hide the home icon, and the first the separator icon in the breadcrumb*/
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2) {
  display: none !important;
}

If you want to hide additional levels just add additional lines where the nth-of-type(n) is... for example, to hide the next level (should hide the home, the home separator , the folder and folder separator icon):

/* Hide the home icon, and the first the separator icon in the breadcrumb*/
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2),
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(3),
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(4) {
  display: none !important;
}

jbeechii

leftquark wrote: »

We can't get to your links because you have them password protected but ....

You can control the home and seperator icons as follows:

/* Hide the home icon, and the first the separator icon in the breadcrumb*/
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2),
  display: none !important;
}

If you want to hide additional levels just add additional lines where the nth-of-type(n) is... for example, to hide the next level (should hide the home, the home separator , the folder and folder separator icon):

/* Hide the home icon, and the first the separator icon in the breadcrumb*/
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2),
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(3),
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(4),
  display: none !important;
}

Hello Leftquark

I've tried the css you mentioned by adding it to the custom css of the theme I'm using.
I can't get it to affect anything.

I took the password off, would you mind looking at the http://jbeechii.smugmug.com/Customer1Folder breadcrumbs and see what you can see.

leftquark

jbeechii wrote: »

Hello Leftquark

I've tried the css you mentioned by adding it to the custom css of the theme I'm using.
I can't get it to affect anything.

I took the password off, would you mind looking at the http://jbeechii.smugmug.com/Customer1Folder breadcrumbs and see what you can see.

I think I made a very very slight typo that caused it to break. There's an extra comma in my first code (I updated the original post but here it is again). Try this:

/* Hide the home icon, and the first the separator icon in the breadcrumb*/
.sm-page-layout-region-center .sm-page-widget-body li:first-child,
.sm-page-layout-region-center .sm-page-widget-body li:nth-of-type(2) {
  display: none !important;
}

I had an extra comma after "nth-of-type(2)" and forgot the "{"

Using Chrome I added the above code to the stylesheet (developer tools) and the home and seperator icon go away. It's left with:
Customer1Folder > Customer1Gallery1