How do you make primary menu item clickable even with subitems

  • Author
    Posts
  • #66425

    openneo
    Member
    Original poster

    My blog currently shows an About page and a Resources page in the primary menu. I want to place other pages under each one, as subitems that show up in a drop down menu. However, I also want users to be able to click on “About” or “Resources” and be taken to the respective page (http://openneo.org/about/ for example) so that they can see a brief description and then a list of links to the subpages.

    How can I do this? Right now, as I’ve used the menu tool in the admin section of wordpress.com, I have the subitems located under the main menu pages (About and Resources) but when you click on “About” or “Resources” you don’t go anywhere – you just see the dropdown menu with the subitems.

    The blog I need help with is: openneo.org

    #66541

    cbavota
    Member

    Parent menu items should just be group headings and not actual links since once your site breaks down to mobile, there is no way to differentiate between a hover and a click, which means they would not be accessible.

    #66542

    openneo
    Member
    Original poster

    Thanks very much for replying so promptly.

    So here’s the thing. I have another blog on wordpress.com using the Expound theme.

    http://writeslikeshetalks.com

    There, I’m able to click on the top nav menu items – some are pages, some are categories – and go to the page, or go to that category named in the top spot (as opposed to the categories listed in the drop down as subitems). For example, if you click on “Politics,” you can both go to a page with all the posts tagged into the “politics” category, or you click on a subitem category and get to the posts in that category subitem.

    That is what I am hoping to do on my “about” and “resources” pages at openneo.org which is using your theme (which we love – we saw it in use for Open Data LA and loved it).

    Is this possible to accomplish in Arcade? I have purchased the premium version in use on wordpress.com and have purchased the package that lets me access custom design and css etc.

    Thank you!

    #66568

    openneo
    Member
    Original poster

    I found this potential solution (which is over my head but know how to cut & paste!) but haven’t attempted it yet. I’m assuming I’d put it in the CSS panel in the customizer:

    http://wpeden.com/tipsntuts/twitter-bootstrap-dropdown-on-hover-and-activating-click-event-on-parent-item/

    #66617

    cbavota
    Member

    The solution used by the Expound theme is to completely open the menu on mobile devices which makes a very long list to scroll through. I’m not a fan of that approach and agree with the way the menu is designed in Bootstrap.

    The modifications required to add this type of functionality to Arcade go beyond what it allowed through the Custom Design package. You would have to modify JavaScript as well, which is not possible.

    #66636

    openneo
    Member
    Original poster

    Thanks again for the reply. I figured that out yesterday while hunting for code to do a show/hide toggle inside a post or page and came across the info that js and bootstrap will be stripped out since I’m on wordpress.com. I’ve self-hosted before with a different site, for a few years then had a terrible pharma hack infection and knew that with this current project, for now, I didn’t want to have to deal with any of those concerns. I know enough to get in trouble but not enough to get out of it – on my own anyway. I’ll deal with the constraint for now and again appreciate your help.

    Anyone with the ability to close this out as resolved should feel free to do so. Thank you!

The topic ‘How do you make primary menu item clickable even with subitems’ is closed to new replies.