How can I add drop down master list of categories to horizontal menu?

  • Resolved addcoach

    (@addcoach)


    7 years, 7 months ago

    my Press Customizr theme has a Secondary (horizontal) Menu.

    I want to add a drop down list of categories to that horizontal menu so all of my categories can be seen on mobile but not all 20+ categories (blogging for a decade) would be send on desktop because it’d be 5 lines of menus.

    Right now it seems I have a choice either putting 7 pages on the desktop top menu and only those 7 on mobile or putting 32 menu items on both desktop, cluttering the hell out of it when i have categories in widgets in sidebar and mobile.

    I’d like to have a drop down list of categories in that horizontal side bar where on a desktop you’d only see categories and you’d have to click to see them and on mobile have either all the categories listed or a drop down menu of categories where you can click and it will show all categories

    How can I do this?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Perhaps it would be more clear, if you attach a screenshot or an illustration, along with the url of your site.

    But with the limited understanding I got, may be you can install a ‘Mega menu sort of plugin which also allows to add widgets in WordPress menus. Then you can add Categories widget to this menu.

    Thread Starter addcoach

    (@addcoach)

    thanks URL https://adultaddstrengths.com

    top horizontal menu without categories looks like this

    About Explain Adult ADHD To Non-ADHD Adults ADHD Problems I Help Solve Most Popular Posts
    My Adult ADHD Website Contact Pete Quily Sitemap

    top horizontal menu with categories looks like this

    About Most Popular Posts ADHD Problems I Help Solve My 180+ Page Adult ADHD Website Explain Adult ADHD To Non ADDers Contact Pete Quily Sitemap ADD / ADHD Addictions ADD / ADHD Awareness ADD / ADHD Advocacy ADD / ADHD Coaching ADD / ADHD Conferences and Workshops ADD / ADHD Crime ADD / ADHD Humour ADD / ADHD Medication ADD / ADHD Organization ADD / ADHD Strengths ADD / ADHD and Technology ADD / ADHD Treatment
    ADD / ADHD Relationships ADHD Stigma Clutter etc

    bottom one would be fine on mobile but obvious not on desktop, hence my problem

    thanks

    1. If you want to display the categories on mobile as well as desktop, then would it not be better to have the categories as a submenu? For example under a menu item called ‘Most Popular posts’

    Something like this:

    Home | About | Most Popular Posts |  Contact Pete Quily | Sitemap
               ADHD Problems
               Explain Adult ADHD To Non ADDers
               ADHD Treatment ADD
               ADHD Relationships ADHD Stigma Clutter

    2. If you want to show the categories ONLY on mobile and hide them on desktop,
    then ou could do something like this:
    a. Go to Dashboard->Appearance->Menus
    b. On top right, click on ‘Screen Options’, and select ‘CSS Classes’
    c. Now in the menu items you would to hide on desktop, add this css class ‘hide-on-desktop’
    d. Add this custom CSS rule, 

    @media only screen and (min-width: 768px) {
	.hide-on-desktop {
		display: none;
	}
}
    • This reply was modified 7 years, 7 months ago by Shariq Khan. Reason: Correcting formatting
    Thread Starter addcoach

    (@addcoach)

    Hi shariqkhan2012, I tried that but it still shows the categories on desktop with a drop down menu that does not work have a category name linked to home page because I can’t link to all the categories

    On mobile the categories link doesn’t work since it links to the home page but if they click on the 3 bars on the right the drop down menu does show it.

    Any way I can fix this? have categories not show up on desktop and have the mobile site do drop down on clicking on categories?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I add drop down master list of categories to horizontal menu?’ is closed to new replies.