Jump to content

Help with Drop down Nav Bar

Recommended Posts

Hi all,

I do not know anything about HTMl/CSS/ coding in general. I'm currently trying to make a drop down menu for an existing nav bar. The website (realgeeks.com) is the platform I am using and their site comes with a built in nav bar. The only thing I need to do is somehow make the drop down menu which I would plug into the source code. What kind of code would I have to use in this instance? Is it even do-able for someone with no coding knowledge/experience?

I've found lots of info on building drop down nav bars from scratch but since the website comes with a nav bar, those threads aren't helpful for me (at least I don't think so?).

Any advice would be greatly appreciated. 

nav bar page.png

nav bar homepage.png

Link to post
Share on other sites


If the from-scratch tutorials didn't make much sense to you, I'm afraid you can forget about turning an existing menu into a drop-down one. That's more difficult than building one from the ground up.

Link to post
Share on other sites

AT the moment the whole menu is made up of just anchor links alone! The back-end must be able to produce sub-menu html in the first place, either with the whole menu moving towards the older unordered list structure approach or newer button and div approach. Without it its going to be pretty much impossible, unless you use JavaScript cloning, and creating of these sub-menus html.  Once you have this setup the presentational css side is much easier.

If these links are saved to a database, and these links are produced dynamically, to incorporate sub-menus you must have a parent menu identifier field within the database, so you can identify the parent the sub-menu belongs, to create the necessary html dynamically.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...