Levels of the menu

sinna
(@sinna)

8 years, 10 months ago

First of all, to add categories to the menu, you need to create an own menu, although adding pages to the “Menu 1” works.
So I added a new menu and added the pages and categories (there are subcategories in the category and sub-sub categories). I also added the subcategories and sub-sub, to get a 3 level deep menu. (Olympics -> medals -> gold)
On the homepage, I click the + (which is really a letdown as I find it ugly and out of place) and I see the subcategories.
There is no + and no sub-sub categories. They don’t show up (so I go olympics -> medals and then gold doesn’t show and medals has no “+”)

I also noticed that I need another menu, which is my own fault. But just so you know you don’t have to answer anymore (you didn’t for 2 weeks anyways). I’ll get a different theme.

Thanks for your effort.

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

Moderator Jose Castaneda
(@jcastaneda)

THEME COFFEE MONKEY

8 years, 10 months ago
Okay, I’ve been wrapping my head around this for way too long now. So I figured I may as well try to help however I could to both sides. 🙂

Part of the reason is because the submenus are being hidden. This is done via JavaScript so it will hurt a little. It did for me because I was trying to find a simplistic way of doing it. The file that is needed is ~/js/functions.js but you will want to make sure that you have a backup just in case. ( I say and type this out with a fore-warning that this can be a bad method ). You want to edit this file in order to support more menu-depths.

The line you’ll want to begin with is: https://themes.trac.wordpress.org/browser/pixelhunter/0.1.8/js/functions.js#L64

From there you will want to remove just before
```
//removing the thumbnail empty divs when there is no thumbnail
```
Instead you’ll want to use:
```
$('.menu .children, .menu .sub-menu').hide();
$('#site-navigation .page_item_has_children > a, #site-navigation .menu-item-has-children > a').after('<i class="fa fa-plus-circle"></i>');

$('#site-navigation .page_item_has_children > a + i, #site-navigation .menu-item-has-children > a + i' ).click( function( e ) {
    var _this = $(this);
    e.preventDefault();
    _this.toggleClass( 'fa-minus-circle' );
    _this.next().toggle('slow');
})
```
This is not only a little bit cleaner but will work with more menus as well.

@hemant-acharya please, make sure that if your theme does have any limitations that they are documented. Do keep in mind I only took a quick glance at the theme and tried to help @sinna

ps, the reason I said a bad method is because ideally you would create a child theme, dequeue the JS file and enqueue your own. Downside to the method is you lose those changes if the theme gets updated.

Hope that helps you out!
Thread Starter sinna
(@sinna)

8 years, 10 months ago

Hey Jose,

thanks for all your effort. I am really sad about it, but it really looks like I have to move on. I was browsing other themes and it’s amazing what they can do in comparison. And that is without the errors that I had problems with. I could solve them even as a newbie, but it’s getting out of my comfort zone, so I won’t be able to try your solution. Sorry and again, thank you for your effort.

Moderator Jose Castaneda
(@jcastaneda)

THEME COFFEE MONKEY

8 years, 10 months ago

really looks like I have to move on.

Sad to hear but I totally understand. 🙂

I could solve them even as a newbie, but it’s getting out of my comfort zone

We all were at one point or another. I will always consider myself a rookie. 😀 The key is never stop trying to learn and try new things. You’d be surprised by how much you can learn from leaving that comfort zone.

Hope you find the right theme!

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

The topic ‘Levels of the menu’ is closed to new replies.

Tags