Remove sitewide nav bar on select pages

melissachristine · July 26, 2014

I am sure this has been asked, but I can't seem to find thread that addresses it. I am looking to remove the sitewide nav bar on a page and a set of folders/galleries Is this possible ? If so, can someone point me in the right direction? Thanks!

Hikin' Mike · July 26, 2014

Yes, it's possible. You need to know the 'node' number using one of the web developer tools. I use 'Firebug' for Firefox. If you don't know that, we need a link to each page/gallery that you want the navigation bar to removed (hidden).

melissachristine · July 26, 2014

hm... let me see if I can install firebug.

Here is a page and gallery I would like to remove navigation on.
http://pictures.melissalundie.com/Swimming/2014-Speedo-Junior-Nationals/Pictures
http://pictures.melissalundie.com/Swimming/2014-Speedo-Junior-Nationals/Photo-Booth

I would like to remove the logo and the navigation if possible.

Hikin' Mike · July 26, 2014

Try this:

.sm-page-node-qqjNc .sm-page-widget-nav,
.sm-page-node-9wk7t .sm-page-widget-nav {
    display:none;
    }

If you download Firebug, you'll see the node in the <body>:

    <body class="sm-user-pro sm-page sm-page-node [B][COLOR=Red]sm-page-node-9wk7t[/COLOR][/B] sm-page-initialized" style="" data-pinterest-extension-installed="ff1.32" id="yui_3_8_0_1_1406354636253_227">

Hikin' Mike · July 26, 2014

I didn't notice that you wanted the logo and the nav (header), so try this:

.sm-page-node-qqjNc .sm-page-layout-region-header,
.sm-page-node-9wk7t .sm-page-layout-region-header {
    display:none;
    }

melissachristine · July 27, 2014

Thank you ! Worked perfectly.

Remove sitewide nav bar on select pages

Comments