The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Still VERY eager for some assistance in replacing my current nav bar with drop

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #266084

    I have posted about this dilemma before and it was suggested to me by paulie D that i create a scenario in code pen so i did and i would very much like some assistance in swapping out my current nav bar with one that has drop down menus, i have the code already to go for the drop down menus just having difficult time placing it in the correct spot please help, here are the two code pen examples i created.

    First here is the way my site looks now –
    and here is the menu i want to change to –


    In short;

    1. Identify the HTML markup that relates to the menu and replace it with the markup for your revised menu. They are clearly labelled/commented.
    2. Do the same with the CSS. Again, they are clearly labelled/commented.

    3. Further modify the menu CSS (if necessary) to fully customise it with the look of your site.

    One thing that you may run in to problems with is with your new menu that doesn’t have a class in the UL element (to identify/separate it from other lists). It would probably be wise to include a class in the markup, and edit the CSS accordingly to increase specificity, so that the related styles for the menu don’t impact on other lists around the site.


    Yes, just combine the two together and you’ll get something like this:

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design’ is closed to new topics and replies.