HELP! Drop 'UP' Menu

User 339503 Photo


Registered User
3 posts

I am building a new website and the layout requires a twist on a standard drop-down menu. I used the included CSScmenu designer to make exactly what I wanted, but is there any way in the css or html that the designer creates to change it so that the menu tabs actually appear ABOVE the horizontal menu bar? Would love some help.

Thanks,
Jordan
User 184085 Photo


Ambassador
1,707 posts

I'd look for

.yourmenuname-menu li:hover ul,
.yourmenuname-menu li.sfHover ul {
left:0;
top:22px; /* match top ul list item height */
z-index:2;
}


and change top:22px; to top:-22px; and see the results

'yourmenuname' is the name of the menu you created.

I haven't tested this but it should work :)
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 38401 Photo


Senior Advisor
10,951 posts

there is most likely a setting in the CSS Menu setup that did this to you also, I'll see if I can load up a menu and see what it does for me.
User 38401 Photo


Senior Advisor
10,951 posts

Hmm I ran a test menu and did a preview of it and it seems to work fine for me, can you post a link to your site page with the menu on it please for us? We might be able to help better that way too and see if something the CSS Menu builder did caused this or not. Would be helpful to know that part even if it is editable manually so it isn't doing some quirky thing it shouldn't be.
User 339503 Photo


Registered User
3 posts

You guys are boss. I was pulling my hair out over this - I am a major coding newb. Thanks soooo much for your help - very generous of you to spend your time helping people out. Just so you know, change top from 22px not to -22, but rather -44px otherwise you cover your menu heading.

One last question...any way to prevent the menu from wrapping down to the next line? Quasi noresize?

Thanks again and have a good weekend. Would love to buy you each a digital beer.
User 184085 Photo


Ambassador
1,707 posts

probably the box size you put your menu in is not wide enough try to make it bigger, and if you can't do that try lowering the padding on the inside of your buttons
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 38401 Photo


Senior Advisor
10,951 posts

Also make sure that when you change that padding that you do so inside the menu file (in other words, load it back up again in the CSS Menu Maker and edit it there). This way it will be correct if you decide to add the menu to other pages and you can just open the file and add it anywhere, even on other sites since all you need to do is load up the file and put it in :)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.