[Resolved] Divi Layouts integration plugin fails to reproduce menus on small screens
This thread is resolved. Here is a description of the problem and solution.
Problem:
An older site is made with Layouts, Divi, and the Divi integration plugin, so that Layouts is being used to design the entire page and not just the content area. With Divi alone, if you have primary and secondary navigation menus, on small screens they are combined in a single hamburger menu, when trying to recreate this with Layouts you get two hamburger menus.
Solution:
It is not possible to recreate this with Layouts.
The client agreed the best option was to update the site to stop using the Divi integration plugin, so that Layouts only creates the post content area, and Divi generates the header (including the menus) and footer.
This support ticket is created 6 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
Tell us what you are trying to do? On our page we have a secondary navigation (Kontakt, Deutsch, Englisch) on top of the primary navigation. On normal divi pages (without tools), when viewing the page on a mobile, the secondary navigation gets added automatically to the primary navigation and the secondary navigation is hidden.
When viewing a page with tools (for example hidden link), the secondary navigation links aren't added to the primary menu. I know that the secondary navigation gets its own hamburger-menu, but I have hidden this via CSS, because I need the same functionality as on the normal Divi pages.
I hope you understand what I mean. I attached a screenshot to explain it better.
Regards
Christoph
I can't replicate this locally with a fresh copy of DIVI and Toolset
The Menu of DIVI is not editable with Toolset at all, so it should not really influence it either.
In both cases the Secondary Menu and Primary Menu merge, if on mobile.
Note that I did not test with Toolset Layouts as that plugin cannot be used with DIVI theme.
However on Content Template style contents, I do not see that issue.
I assume the problem should be resolved on your end by deactivating other plugins or making sure no Custom code is interfering here, if not, we will probably need a copy of the site where you tried this (possibly with as less other code or plugins as possible)
We can then analyze this and eventually find a fix.
I see the issue on your site, however I could not replicate the same locally.
So please have a look at the problem on the copy you already have.
And what do you mean with "Note that I did not test with Toolset Layouts as that plugin cannot be used with DIVI theme."?? We use it together and even have "Toolset Divi Integration" installed, so I don't unterstand what you mean.
I set up a test site to reproduce the issue with primary and secondary menus, and I can see the problem whereby it is not possible to achieve the same effect of stacking menus as you have on the Divi pages which are not created with Layouts.
I've escalated to see if my colleagues have some useful advice on how to achieve the same.
This is an old site using a no longer recommended set-up. We don't publish the integration plugins any more, and the recommended use of Toolset with Divi is to leave the page rendering to Divi, except for the content area alone, for which you use Content Templates (which you can design with the Divi page builder instead of Layouts).
That's why Beda said not to use Layouts with Divi, that has been the current advice for some time.
So what would be the best way, to get rid of the layouts plugin, with as less work as possible?
During the last year, we set up this custom post type with tools and filled in all the machines in both languages, which was a lot of work. Now that it is almost done, we hear that the plugin with Divi isn't recommended anymore. So that means it's already out of date before it is online :(.
Is there a manual on how we can keep the machines we already created and build the Category and Product Pages with the method you mentioned? I don't see yet how to build these pages with the Divi builder.
One option would be to simply remove the Divi integration plugin, but continue to use Layouts.
What would happen then is that most of the page would be rendered by your Divi theme (i.e. the header, footer, sidebars), while the content itself would come from your Layouts. You would need to first edit your child Layouts so that they had no parent (because you don't need Layouts to render the header and footer anymore).
It is not recommended to use Divi and Layouts because Divi is not very compatible with Bootstrap, which Layouts uses for its grid system. You would find that styling anomalies may arise, which need fixing with CSS (though you may have already done this).
This would be the least effortful change you could make.
To stop using Layouts altogether, well you would disable the Divi integration plugin and Layouts itself.
Then it is a question of replacing the templates you made with Layouts (e.g. for a single produkt post) with Views Content Templates (go to Toolset > Content Templates and create a new template).
Again, these templates will only replace the content area, the rest of the page is rendered by Divi, including the primary and secondary menus that were the subject of this thread.
Thanks a lot, your answer really helped me. I got rid of the Divi intergration Plugin and managed to adjust the Layout via CSS, so that seems to work for now. Perhaps later on I will try to get rid of Layouts too, but for now I leave it with that.
