Hide navigation bar for some galleries

Robin Groenevelt · November 9, 2014

Is it possible to hide the navigation bar in some galleries?

I have a normal navigation bar for my main website which I want to hide for my wedding client galleries (where I use the events of the day as a kind of menu: Preparations, Church, Dinner, Party). For the client galleries I'd like hide / now how the main navigation menu.

How can I do this?

Allen · November 9, 2014

Smugmug has just added ability to "flow down CSS" so some simple CSS will hide your nav bar for
everything below your client folder.

Note: we can help get all the class names below if you provide at link to your site.
All numbers in examples below are from one of my pages so you'll need to get yours.

Go to your client folder and look at the page source to get the class name for the page (client folder)
in the <body> tag. Here's an example of one of mine that looks the same for everyone. Every page
has a unique name.

<body class="sm-user-pro sm-page sm-page-node sm-page-node-wdmLg sm-page-parentnode-zsB4B
sm-page-parentnode-Qm7v4 sm-page-parentnode-V6Ww2">

The red is the name class of this single page. The yellow is the folder id of its immediate parent.

To target all pages below this client folder you use sm-page-parentnode-xxxxx with the x's of this client page.
.sm-page-parentnode-wdmLg (name of nav) {display:none;}

For the (name of nav) you can get that on any page the nav shows by "inspecting the element".
<div id="sm-page-widget-tWJ8Hw5g" class="sm-page-widget sm-page-widget-nav sm-page-widget-964555" data-typeid="964555">
This is mine but your nav will look the same with a different number.

To include the client fodler.
.sm-page-node-wdmLg .sm-page-widget-964555, << name of client folder
.sm-page-parentnode-wdmLg .sm-page-widget-964555 {display:none;} << name to cover everything below parent folder

Robin Groenevelt · November 9, 2014

Thanks!
Awesome Allen, thanks a lot!

Hide navigation bar for some galleries

Comments