Mobile menu limitations

Posted in: Newspaper
Post count: 7

We are using the theme on https://ekreator.hr/ and we have a lot of subcategories that weren’t showing so we uped the limit in:
includes/shortcodes/td_block_mega_menu.php as we are using mega menu.

But we can’t seem to find where that info is for the “td_walker_mobile_menu” walker as you can se for the “blog” section on the mega menu there are 4 sections, but on mobile there are maximum of 3.

Please check the screenshot here:
https://www.dropbox.com/s/3hhztyyy1492pxw/missing%20category.jpg

Post count: 35449

Hi,

Indeed there should be showing 4 sub categories instead is showing only 3.
Please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

Thank you!

Post count: 7

Hi Calin,

Thank you for the reply. We’ve deactivated all non themeplugins and cleared the cache but this did not solve the problem.

Post count: 35449

Hi,

Please ma a backup to the changes that you made in theme, and set the original files, clear all cache and try again.

Let me know the results!
Thanks!

Post count: 7

we’ve tried a lot of things… we’ve made a copy of the site here
https://staging2.ekreator.hr

We’ve updated the main theme and turned off the child theme (all the changes are in the child theme) and turn off non essential plugins… so bare bones portal.

We have 3 depths of categories but only want to see first 2, so on the main site (let just focus on the “blog” top category) you only see few categories.

When we use a lot of subcategories (because we aggregate sites) is where the problem arises.

The modification that we did was hiding the deepest category from menu upped the limit, but we only found that for the “mega menu” on this location:
includes/shortcodes/td_block_mega_menu.php

But now we have a problem for the “mobile menu” that we can’t seem to find where to up the limit.

This is a summarry of the problem, if you need more, in depth problem clarification, I can do it with videos and screenshots if you need.

Thanks

Post count: 35449

Hi,

In order to show only a part of subcategories in mobile menu you can use this custom css
https://www.screencast.com/t/IKJLJ8ly
.td-mobile-content ul li ul li:nth-child(n+5){
display: none;
}

Set the code in Theme panel>Custom code>Custom css; in this way you’ll not need to use child theme or make any changes in theme.

Hope this will help you!
Thanks.

Post count: 7

Thank you for the reply, but unfortunately it doesn’t solve the issue at the “blog” section.

Let’s say that we found the way (in the back end) to remove the appearance of the subcategories, and that’s a non issue.

The problem is where not all categories and subcategories are not showing (we have a lot of subcategories). I don’t know how to show you the problem.

The mobile menu shows all the depths (except the first level) of categories as one, there isn’t a submenu for subcategories on the mobile menu…

So if you have:
Main menu
— submenu1
—–subsubmenu1
—–subsubmenu2
—–subsubmenu3
——-subsubsubmenu1
——-subsubsubmenu2
——-subsubsubmenu3
—–subsubmenu4
——-subsubsubmenu4
——-subsubsubmenu5
——-subsubsubmenu6

the mobile menu will show it as:
Main menu
— submenu1
—–subsubmenu1
—–subsubmenu2
—–subsubmenu3
—–subsubsubmenu1
—–subsubsubmenu2
—–subsubsubmenu3
—–subsubmenu4
—–subsubsubmenu4
—–subsubsubmenu5
—–subsubsubmenu6

And, ok that is a hierarchical problem that we found a way to workaround and show (only the second depth) as:

Main menu
— submenu1
—–subsubmenu1
—–subsubmenu2
—–subsubmenu3
—–subsubmenu4

BUT, there is sa “limit” where let’s say in this case, it gets only the first 5 menus, where it shows:

Main menu
— submenu1
—–subsubmenu1
—–subsubmenu2
—–subsubmenu3
——-subsubsubmenu1
——-subsubsubmenu2

And when we remove subsubsubmenus it show as:

Main menu
— submenu1
—–subsubmenu1
—–subsubmenu2
—–subsubmenu3

and now the last subsubmenu4 isn’t shown because of the “limit” (and we don’t know where the limit can be rised)

That’s the problem, not the hiding of subcategories (3rd level depth) more than upping the limit

Post count: 35449

Hi,

To see how is crate the mobile menu you can check this files wp-content/plugins/td-composer/mobile/parts/td_walker_mobile_menu.php and wp-content/themes/Newspaper/includes/wp_booster/td_menu.php

Thank you!

Post count: 23

I’m not sure if my problem is related but … I have 5 categories and 13 subcategories (across the 5 main categories). Last week my mobile menu would have a small arrow on the far right to open into the sub category. Today I can only see the main category themes. Has something changed or do I need to change something? I re-did the menu and I’m setting the mobile menu in a header cloud template. I am NOT using the mobile tempate or AMP. http://www.midlifecurious.blog

Thanks

Post count: 23

checking notify for replies

Post count: 7

@Calin,

Thanks,

in the wp-content/plugins/td-composer/ folder, there isn’t a “mobile” folder… only assets, css-live, includes and td-multi-purpose

in td_menu.php, we’ve upped the limit from 5 to 100 and it still doesn’t work

Post count: 35449

Hi @ekreator,

Please make sure that you install correctly the theme, without overwrite the old one;
Since Newspaper v9.7 the mobile folder was moved from theme in tagDiv Composer plugin.
-> https://www.screencast.com/t/reUJZ4xcbqJ

Hi amandajholden@me.com
Please make sure that you do not have a plugin conflict, please deactivate all non theme plugins, also if you are using child theme or cache plugin, please deactivate them, clear all cache and try again.

Thank you!

Post count: 7

Hi Calin,

thanks for the reply.

The theme is installed correctly. The mobile folder location is placed exactly as shown in your screenshot.

We’ve checked “td_walker_mobile_menu.php” file and tried to use a “depth” variable but it seem there is a recurring problem.

To summarize one more time…we have 3 levels of categories (main categories, subcategories and sub-sub categories).

It seems that there is a limit on maximal number of categories that could be displayed within mobile menu.

We’ve experimented with “depth” levels using values 0-4.
We’ve also tried to increased the number of categories using “depth” variable within “td_walker_mobile_menu.php” file but with no luck.

Is there any other way to increase the number of subcategories (that is second level or level below main categories or subcategories) that could be displayed within mobile menu?

Post count: 35449

Hi @amandajholden@me.com,

Please try this custom css for mobile arrows
.td-mobile-content .td-icon-menu-right {
display: block;
}

-> https://www.screencast.com/t/mZ00jNoM0

Hi @ekreator,

I have made some test and for mew is working normally -> https://www.screencast.com/t/kwbQqK6FtR3 desktop -> https://www.screencast.com/t/xJsgSg3ni mobile -> https://www.screencast.com/t/4oFnO2e3cHTM

Thank you!

Post count: 7

Calin,

What kind of tests have you made?
Here’s the comparison of our desktop vs mobile menu:
https://www.dropbox.com/s/g8oen9j0olq1uoc/EKRATOR.jpg?dl=0

As you can see from the screenshot there is a limitaion of number of categories that could be displayed on mobile menu.

So I will repeat my question for the third time:

Is there any other way to increase the number of subcategories (that is second level or level below main categories or subcategories) that could be displayed within mobile menu?

Thank you!

Post count: 35449

Hi,

Hire is how your mobile menu is look now for me -> https://www.screencast.com/t/tbwhhGUe2hw5

Please make a new test, make a new mega menu and set it in mobile menu to see how is look.

Thank you!

Viewing 16 posts - 1 through 16 (of 16 total)
The forum ‘Newspaper’ is closed to new topics and replies.