Thread: Top Menu Dropdown really small

Hi guys, the dropdown box from my categories and department tabs across the horizontal menu are really small! So small that the font is unreadable and they are almost unclickable. I'm not sure how else to describe this. Does anybody have a solution to increase the size of these? Thanks

Would be better if you can post a screen cap or site URL so we can see.

Do you have recent changes to your css prior to the problem?

yeah sorry about the picture size. I had to make it big so you could see what I'm talking about. But no it was like that when I originally got the software I just have been putting it off until now. I have no idea why it looks the way it does

anyone? this is driving me nuts

Yes sir ..weird things happen a lot. What version are u using?
Solution: You have to make sure to take unnecessay Style sheet in your skin folder.

Version 8..what do you mean by unnecessary styles? I only have 1 style page in the skin that im using. There doesn't seem to have any reference to the drop down in there unless im missing something

What version is this? How about trying the stock skin (i.e. yoursite.com/default.aspx?skinid=2)? Can you check and see if they've got the same results?

That's definitely a css issue, if this is v8 please open style.css from {root}/skins/skin_# and tell me what's in {.MenuItem, .MenuItemHover, .MenuItem td, .MenuItemHover td} class.

BTW, did someone customize the skin for you? If yes, then they should be able to give much assistance.

Code:

.MenuItem, .MenuItemHover, .MenuItem td, .MenuItemHover td
{
    color: #000;
    border: solid 0px black;
    cursor: hand;
    cursor: pointer;
    margin: 0;
    background: #F8F8F8 none;
    width: 100%!important;
}

I've done all the customizing so far by myself so I'm kind of on my own here. The other skins do not do this so I must have accidentally changed something in the process here

do you see anything that would cause this?

I'm not sure if this will help, but for me (v9), I can change the size of the font in the drop-down menu by editing this part of style.css (Inside App_themes\skin_1)

.aspnetMenu_DynamicMenuStyle
{
font-size:12px;
[More stuff here]
}

It's toward the bottom of style.css for me. And since you are increasing text size, you'll need to increase the height of the menu items as well (line-height):

.aspnetMenu_DynamicMenuItemStyle a:active,
.aspnetMenu_DynamicMenuItemStyle a:link,
.aspnetMenu_DynamicMenuItemStyle a:visited
{
[Font stuff here]
line-height: 15pt;
[More stuff here]
}

I have not used v8, so please be sure to make a backup of your style.css if you change the sections I mentioned I'm not sure if v8 has those in the style sheet either.