Code

Discussion on Dropdown Menus (CSS)

Discussion on Dropdown Menus (CSS)

Cart 326 sales

designcise supports this item

Supported

23 comments found.

Hi, will this work on Wordpress websites?

It’s CSS, I don’t see why it won’t. You will have to implement it yourself though.

How can i do that? Could you Email me how much you want for this job?

You can send me an email via the contact form on my profile page and we can discuss it there.

can this be used in the header in place of the logo, like on the envato site’s here?

yes, but you’ll obviously have to customize it to your needs :) so some knowledge of CSS might be required at your end.

I need help! What’s the codes to insert it in my html? o.o

Kindly refer to the help file included in the package. If the instructions in there don’t make much sense, then have a look at the examples page. If that too doesn’t make sense, email me via my profile page with what you’re trying to implement and i’ll get back to you with details on how to do it.

FYI your settings menu doesn’t work on iOS devices.

haven’t tested it on them but can you send me a screenshot or something?

from what i understand, it may probably be because these are “hover” menus and iOS does not translate “hover” into touch events (possibly). I have tested it in Android, however, and it works absolutely fine.

This nab bar is so easy. Thank you!

Quick Question:

What line of code in the multiMenu-min.css do I change the color of the border around the edges?

http://www.smallbusiness-seo.co/new3.html

use the multiMenu.css file instead in the “CSS” folder and then you need to change the border color properties inside the following CSS rules:

  • “ul.multiMenu > li > a:hover”
  • “ul.multiMenu > li > a:active”
  • “ul.multiMenu :hover > a.level-1”
  • “ul.multiMenu ul.right a, ul.multiMenu ul.right > li ul a, ul.multiMenu ul.left a, ul.multiMenu ul.left > li ul a”
  • “ul.multiMenu ul”
  • “ul.multiMenu ul.right :hover > a.level-n”
  • “ul.multiMenu ul.left :hover > a.level-n”
  • “ul.multiMenu ul.right > li ul li:first-child a”
  • “ul.multiMenu ul.left > li ul li:first-child a”

you may need to experiment around a little by changing the border color properties on the above mentioned CSS rules to see your desired results. if you have any troubles making these changes please do not hesitate to contact me via my profile page and i’ll help out as much as i can.

I have a couple of questions:

1. First I cannot get the btnToggle.png to display.

2. How do I get the toggle to align in the middle of the top of the screen and top of the nav bar. Also centered between the Logo and image to the right?

see http://beta.bajaboadband.com

Thank you.

it’s probably because:

  1. You didn’t upload the image folder.
  2. The path to the “btnToggle.png” is incorrect in the CSS file.

and the web page you specified doesn’t open; and i can’t make out what exactly you’re trying to do unless i see an example, so why don’t you message me via my profile page and send me everything zipped so i can have a look.

I don’t have a lot of ability working with CSS …

But I want exactly like in the “Live Preview”.The Multi-level and the “Slip-Menu”. How I adjust them exactly like yours? I’m having a lot of difficult in doing it.

Look like it’s going in my website:

http://omplantar.org/campo-missionario

Please help me, so I can use it…^^

Thz and God bless you!

sure, send me an email via my profile page with what you’re trying to achieve and i’ll help you out with it. make sure you zip everything up and send me the files you’re working with.

in the link you’ve posted it seems like the block you’ve placed the menu in has the property “overflow: hidden” set on it. you will have to remove that for the menu to work.

I just want to put the border at the bottom, like in Live preview. In Multi-level menu.

Look like it its…

http://omplantar.org/campo-missionario

After I ask another doubtt about “Slip-Menu”

as i explained, the border and some part of the menu is being cropped out because you have “overflow: hidden” property applied to the container block in which you put the menu.

and i don’t see the split-menu being used on that site.

as i asked you earlier, can you kindly zip everything up and email me so i can assist you better? or if you think you can do it yourself then just remove the “overflow” property on the container element, that should resolve your problem.

Yeap, i bought switcher but it didnt work for me since my ajax need the links to be inside Link tags.

Ill send a zip with my files to hello@designcise.com

Thanks :)

that’s a forwarding address, not sure if it’ll forward the attachments, why don’t you send me an email via my profile page, and when i reply to it you can zip and send me the files.

Hi again.

Let me be more specific.

Im using the switcher to swith pages but i use ajax. So on mobile browsers when i click on a link on the switcher my content changes correctly but the switcher dropdown never hides.

Maybe hiding the dropdown when a user clicks on a link using jquery.

I tried but i had no luck and i have no time. I really need a solution, please let me know if i can pay you to get this done.

Thanks again.

this is going to be done via jQuery, CSS doesn’t support clicking.

i created a script called “region detection” specifically for this purpose. which allows to monitor an area inside or outside a specific element.

you should zip your work files and send them over to me and i’ll see what i can do.

you might also want to check out “switcher”—it’s written in jQuery and uses the “region detection” script.

or like i said, zip the files up and send them over to me, i’ll see how i can help.

Hi,

Any ways to hide the dropdown on click so it works ok on mobile browsers?

Thanks.

Hi,

Any ways to hide the dropdown on click so it works ok on mobile browsers?

Thanks.

I “think” I figured it out. I uploaded the CSS (caps) file and I needed to upload the css (small) file.

Yes…it was in the Spam. I got that fixed now.

I’m still having issues with the install. What do I upload to the server? Everything? Just CSS ? Specific CSS files?

I went as far as the instructions but all I get is your basic

Main Link Link 1 Link 2 Link 3

with zero styling. What am I missing?

Thanks again.

you upload the CSS files you’re using. if you’re using the “minified” version (where all code is in one line as you said) then you upload those (these files end with -min.css). if you intend to customize the files then look in the “CSS” folder (one in capital letters in the main folder) and use them in place of the “minified” version of the files. you can find this information under the “Protecting your Code” heading in the “License” page (which you can choose to view if you click on “License” from the Help Topics menu).

if you have troubles understanding, kindly zip everything up and email it to me and i’ll have it set up for you so you can easily upload necessary files and customize as you please.

I didn’t get the email but thank you!

It was right in front of my eyes. Sorry. Not sure what I was looking at.

Thanks again!

Slade

No problem.

But it’s strange you didn’t receive the email I sent you. Did you check y our spam/junk mail folder? Maybe it got filtered.

Anyway, if you like the script/support, kindly rate it :) thanks!

Where can I find the documentation for this? Install instructions?

Thanks!

I already replied back to your email, did you not get it? Anyway, I’ll paste it below:

Open the Help file and click on the top-level heading for each menu (e.g. “Multi-level Menu”, “Site Switcher Menu” etc.) on the left hand Help Topics menu. Then look under the “Use in your Projects” heading.

Hope that helps.

Hello, do you have any insight for why the dropdown is not showing on this page http://tim.taric.co/about/.

yes. it’s because you have “overflow: hidden;” set on the parent of the menu (this has been mentioned in the live preview and the documentation as well). if you’re trying to clear floats, i can suggest you a better way. let me know what exactly “overflow” property is intended to achieve in this particular case.

Hi , can this work on wordpress websites?

Yes, but you’ll have to manually set it up.

Had to buy looks awesome. Good Job.

Thank you :)!

No need to be sorry, still very good without it.

Claude

Thank you :)!

Very nice !

I’d like to know if it’s possible to get some transition let say for the switcher menu.

Claude

I tried real hard to do that but it I couldn’t get it to work because of the way the whole thing is structured. I might do that in later versions but that would be sometime from now. If you want a solution for transitions and animations, for now I’d suggest you to go the JavaScript route, sorry!

Hi designcise, i saw your jquery dropdown but i didn’t see any animation or transition on it.

If you can help me to get some transition or animation with your js version i will be more than happy to buy.

regards

Claude

Sure, I can help you with that. It would require modifying the script a little, which is easy. Contact me via my profile page when/if you purchase it.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey