Apple Zen Support Thread

[jettrue]

Hi,

Very nice template. In our store we have MANY categories. When I click on our categories it shows about half of them in the dropdown but there is no way to scroll down to see the rest. Is there a solution for this?

Well, one thing you could do is open up includes/templates/apple_zen/css/stylesheet_
header_menu.css and change the padding for the drop down menu so more can fit in a smaller space:

div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

to:

div#dropMenu ul.level2 a {padding: 0.2em 0 0.2em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

Other than that, I would suggest you get a taller monitor or combine some categories or make some more subcategories. If none of those will work, you can remove the categories from the top menu, and just use sideboxes for the categories. By the way, if your mouse has a scroll button (or use the arrow keys on your keyboard), you can scroll down to see all of the categories.

I'm curious, how many categories are we talking here?

[disciple]

Well, one thing you could do is open up includes/templates/apple_zen/css/stylesheet_
header_menu.css and change the padding for the drop down menu so more can fit in a smaller space:

div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

to:

div#dropMenu ul.level2 a {padding: 0.2em 0 0.2em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */

Other than that, I would suggest you get a taller monitor or combine some categories or make some more subcategories. If none of those will work, you can remove the categories from the top menu, and just use sideboxes for the categories. By the way, if your mouse has a scroll button (or use the arrow keys on your keyboard), you can scroll down to see all of the categories.

I'm curious, how many categories are we talking here?

Thanks I will try playing with the padding and also the font size but I am not sure that will solve the issue. We have 36 categories. When the dropdown menu appears the scroll bars come up on the browser but you can't move over to scroll without losing the menu. Is there a way to focus the menu until you actually make a selection?

Thanks

Rick

[jettrue]

Thanks I will try playing with the padding and also the font size but I am not sure that will solve the issue. We have 36 categories. When the dropdown menu appears the scroll bars come up on the browser but you can't move over to scroll without losing the menu. Is there a way to focus the menu until you actually make a selection?

Thanks

Rick

I'm not positive what you mean by "focus the menu until you actually make a selection". But other than what I suggested above, I can't think of any other ways to do this. Have you tried using the arrow keys on your keyboard, or your mouse scroll button to scroll the browser page?

This will be an inherent issue to have a horizontal drop down menu no matter where you go. Browser windows and monitors are only so tall, so people will have to realize that they can use their scroll button on their mouse, or their keyboard arrows to see all of your categories. If you're worried about the people who won't realize that, then I suggest you not use the categories in a horizontal drop down menu. OR, perhaps have the categories in the drop down menu, and also in a sidebox.

ETA: The only other thing to do would be to move that menu to the very top of the site, let me know if you want to do that and I can give instructions.