Submenus to design

Discussion in 'HTML & Website Design' started by bobrock4, Jun 18, 2015.

0
  1. #1
    Hi,

    I would like to expand 2 nav menus with submenus.

    1) in this case I have thought to use a background color taken from the menu and the same font. Here it is the draft made in photoshop

    2) in this second case I have used the default css for submenus taken from my Wordpress customized theme. See here

    In both cases I have used my little knowledge in web designing.

    Do you like them or do you think to develop something better?

    Thanks to all
     
    bobrock4, Jun 18, 2015 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    While you don't have enough posts for us to see your pictures, implementing a dropdown menu should be a simple matter of nesting one list inside another -- we'd need to see the CODE of the page to weigh in on adding said menu items since -- as you might find I say a lot -- screwing around in Photoshop is NOT design.

    That said, I've been avoiding resorting to dropdown menus and going for more conventional multi-page navigation since mobile is a legitimate concern -- you also run the usability risk of "link overload" where you can end up bombarding the user with so many choices they give up. (a genuine risk these days). Using media queries the mobile problem can be mitigated using a show/hide menu option that can expand/contract the whole thing, but whether or not I'd do that would hinge on just how many menu options are involved.

    Still either way it's not THAT hard to implement since you just use the semantic markup of nested lists, and bend it to your will with CSS. UNFORTUNATELY the fat bloated mouth-breathing dumbass train-wreck known as turdpress is going to fight you on this, but it's not an insurmountable fight (newer versions have made great strides in letting us tell their pile of garbage CMS we actually know what we're doing for markup).

    Regrettably again, you don't have enough posts on these forums for us to see your links or images -- that will be the deciding factor in giving you real answers.
     
    deathshadow, Jun 18, 2015 IP
  3. bobrock4

    bobrock4 Member

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Thanks for your reply. First time here for me deathshadow. I'm sorry to have not noticed this limit.

    Could you show me an example? I have not this solution in my eyes.
    Consider that these are very little websites. Both of them have a horizontal nav menu of 5-6 items. Every item could be a logical category, so I thought about a dropdown menu. I'm not been able to see other solution now.

    For an item there could be from 1 to 3 submenus. Some items they will have not submenus. I really interested in knowing what other solutions could be.

    Thanks again
     
    bobrock4, Jun 21, 2015 IP