Forums

Give help. Get help.

  • # January 27, 2018 at 7:27 pm

    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 – https://codepen.io/digitalsam/full/baXdqM
    and here is the menu i want to change to – https://codepen.io/digitalsam/full/rpXOdm

    # January 28, 2018 at 4:55 am

    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.

    # January 29, 2018 at 1:04 am

    Yes, just combine the two together and you’ll get something like this: https://codepen.io/anon/pen/XZWJJM

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag