Menu Dropdown Not Showing All Items

fencingmaster · August 1, 2013

My site is photos.fencer.com.

When I click on Menu, then Events, it only lists 10 galleries although the folder contains 20. This happens even if I change the size of my browser window. I'm not able to mouse up or down the submenu to reach the other 10 galleries. And scolling the browser only moves the background, not menu.

http://photos.fencer.com/Events

I'm using Windows 7 and Chrome (ver 28) and get the same thing in IE10 and Safari 5.1.7.

Is there any way to scroll the dropdown menu so that I can see all of the galleries in the folder in the menu?

Allen · August 1, 2013

I had to scroll down using my wheel mouse.

I found some CSS to make each drop button smaller vertically. Shortens drop length.
Add this it to site wide CSS. Changes top and bottom padding.

.yui3-menu-item>.yui3-menu-label {
  padding: [COLOR="Red"]1px[/COLOR] 46px [COLOR="Red"]2px[/COLOR] 22px;
}

fencingmaster · August 2, 2013

Thanks, Allen. I've added the CSS code and it helps a little.

The number of submenu items that show on the vertical menu depends on the size of the browser window. When I maximize the browser, I can see all but one of the listed galleries in Events. If I make the browser window smaller, I see fewer galleries listed. The scroll on my mouse scrolls the page, not the menu items, for me (PC with Windows 7).

I suppose a fix would be not to put so many galleries under one folder. Now that we can go down further (7 levels?), I'll see if dividing Events into Events:Family, Events:Holiday, Events:Local Attractions will solve the problem.

The best solution would be for the vertical menu items to scroll as the mouse pointer goes up or down.

Cygnus Studios · August 2, 2013

Allen wrote: »
I had to scroll down using my wheel mouse.

I found some CSS to make each drop button smaller vertically. Shortens drop length.
Add this it to site wide CSS. Changes top and bottom padding.
.yui3-menu-item>.yui3-menu-label {
  padding: [COLOR=Red]1px[/COLOR] 46px [COLOR=Red]2px[/COLOR] 22px;
}

Thanks, that helps a lot!

Darter02 · August 22, 2013

Is this something that is being looked at by Smugmug? I am finding the same problem. I really don't wish to create unneeded levels of folders just to get this to work. I also see where you can change the mene font size, and I want the nav links in the header to be Large, but I'd like the dropdown menu items to be a smaller size. How do we adjust the font size there?

Allen · August 22, 2013

Darter02 wrote: »

Is this something that is being looked at by Smugmug? I am finding the same problem.... but I'd like the dropdown menu items to be a smaller size. How do we adjust the font size there?

Add this to your "entire site" CSS. It changes the default top and bottom paddings in the drop.

     /* shorter menu drop buttons */
.yui3-menu-item>.yui3-menu-label {
  padding:[COLOR=Red] 1px[/COLOR] 46px [COLOR=Red]1px[/COLOR] 22px;
}

Darter02 · August 22, 2013

Thanks Allen. I'll do that when I rebuild my drop-down menu. I've set it up twice, and deleted it twice. Next time I'll add this for sure. I think I'll wait to hear if they make the menu scroll of its own accord first. I use a pinned header, so I need a menu that will slide up/down.

Allen · August 22, 2013

Allen wrote: »
Add this to your "entire site" CSS. It changes the default top and bottom paddings in the drop.
     /* shorter menu drop buttons */
.yui3-menu-item>.yui3-menu-label {
  padding:[COLOR=Red] 1px[/COLOR] 46px [COLOR=Red]1px[/COLOR] 22px;
}

This also affects other drops like in lightbox the sizes drop err rise. I noticed on some uses screen shots
how the buttons are spread out wide/vertically.

uketeecee · August 23, 2013

Thanks Allen, this helps me too!

ablichter · August 23, 2013

Darter02 wrote: »

Is this something that is being looked at by Smugmug? I am finding the same problem. I really don't wish to create unneeded levels of folders just to get this to work. I also see where you can change the mene font size, and I want the nav links in the header to be Large, but I'd like the dropdown menu items to be a smaller size. How do we adjust the font size there?

Not sure if they look at it, but I opened a post in here some time ago for that.

Menu Dropdown Not Showing All Items

Comments