Menu Item

GregStarnesPhotography · March 19, 2014

How do I make a menu item appear only when I am logged in. I would like to have the Owner Menu and its sub galleries visible only when logged in. Is there a way to do this???

Greg
www.GregStarnesPhotography.com

Allen · March 19, 2014

GregStarnesPhotography wrote: »

How do I make a menu item appear only when I am logged in. I would like to have the Owner Menu and its sub galleries visible only when logged in. Is there a way to do this???

Greg
www.GregStarnesPhotography.com

See if this works in your "entire site" CSS.

.sm-page-widget-4765459 .sm-page-widget-nav-toplink:last-child {display:none !important;}
.sm-page-widget-4765459 .sm-user-owner .sm-page-widget-nav-toplink:last-child {display:block !important;}

Edit: just noticed you have two horz menus on page, need widget class to specify which one.

GregStarnesPhotography · March 20, 2014

Allen wrote: »

See if this works in your "entire site" CSS.

.sm-page-widget-4765459 .sm-page-widget-nav-toplink:last-child {display:none !important;}
.sm-page-widget-4765459 .sm-user-owner .sm-page-widget-nav-toplink:last-child {display:block !important;}

Edit: just noticed you have two horz menus on page, need widget class to specify which one.

That code turns off the Owner Meny when I an both logged in and logged out. Isn't there a .logged in property or something I can use. That's what it was on my legacy smugmug site, but I can't view the code anymore.

Allen · March 20, 2014

GregStarnesPhotography wrote: »

That code turns off the Owner Meny when I an both logged in and logged out. Isn't there a .logged in property or something I can use. That's what it was on my legacy smugmug site, but I can't view the code anymore.

Try this. You need the owner part because everyone logged into their site the logged in applies.

.sm-user-owner.sm-user-loggedin .sm-page-widget-4765459 .sm-page-widget-nav-toplink:last-child {display:block !important;}

Try with and without a space between the first two.
.sm-user-owner .sm-user-loggedin

This is from your site and I'm logged in to my site. So loggedin shows but owner does not.
<body id="yui_3_8_0_1_1395291327901_791" class="sm-user-pro sm-user-loggedin sm-page sm-page-node
sm-page-node-z7J4N sm-page-home sm-page-hasbackground sm-page-initialized" style="">

Allen · March 20, 2014

This works on my site. Using my widget number.

.sm-page-widget-964555 .sm-page-widget-nav-toplink:last-child {
   display:none !important;}
.sm-user-owner.sm-user-loggedin .sm-page-widget-964555 
   .sm-page-widget-nav-toplink:last-child {
display:block !important; display:inline !important;}

Looks like I needed the display:inline or it shows on next line under menu.

GregStarnesPhotography · March 20, 2014

I still can't get it to work. The owner menu us there all the time, regardless of whether I am logged in

GregStarnesPhotography · March 20, 2014

GregStarnesPhotography wrote: »

I still can't get it to work. The owner menu us there all the time, regardless of whether I am logged in

Yay, I got it to work!!! Thank you!!

GregStarnesPhotography · March 20, 2014

GregStarnesPhotography wrote: »

Yay, I got it to work!!! Thank you!!

How did you find the widget number

Hikin' Mike · March 20, 2014

GregStarnesPhotography wrote: »

How did you find the widget number

I personally use the 'Firebug' tool, but there are other web tools to "see" what's going behind the hood, so to speak.

GregStarnesPhotography · March 20, 2014

Hikin' Mike wrote: »

I personally use the 'Firebug' tool, but there are other web tools to "see" what's going behind the hood, so to speak.

I am using firebug, but don't know which tool to use to display it

Hikin' Mike · March 20, 2014

I just right-click on the location that you want to inspect. You'll see the HTML on the left, and the CSS on the right. When you over the HTML section, you can see the highlighted section on the screen (on your website).

GregStarnesPhotography · March 20, 2014

Hikin' Mike wrote: »

I just right-click on the location that you want to inspect. You'll see the HTML on the left, and the CSS on the right. When you over the HTML section, you can see the highlighted section on the screen (on your website).

i am looking to find this 4765459 widget number on my site and I can't seem to do it. Its associated with my "Owner" menu when I am logged in. The code works, but I am trying to figure it out so I can learn a little.

Hikin' Mike · March 20, 2014

This may be a stupid question but what is the "Owner Menu"?

GregStarnesPhotography · March 20, 2014

Hikin' Mike wrote: »

This may be a stupid question but what is the "Owner Menu"?

Its the last item on my menu (navbar)

Hikin' Mike · March 20, 2014

At first I thought that was a Smugmug-thing that I was familiar with. I see it now.

Hikin' Mike · March 20, 2014

Using the Firebug, I see this in the HTML:

<div id="sm-page-widget-wTPNDWrx" class="sm-page-widget sm-page-widget-nav sm-page-widget-4765459" data-typeid="4765459">

Allen · March 20, 2014

GregStarnesPhotography wrote: »

...

Did you remove the CSS?
I tested this on my site using my widget number. It should work on your site.

.sm-page-widget-4765459 .sm-page-widget-nav-toplink:last-child {
   display:none !important;}
.sm-user-owner.sm-user-loggedin .sm-page-widget-4765459 
   .sm-page-widget-nav-toplink:last-child {
display:block !important; display:inline !important;}

Menu Item

Comments