Menu Extraction Depth Issue
I want to extract the menu from a website, but the extraction doesn't take depth into account? This is a known issue because I bought the plugin mainly for this purpose.
The settings used:
Component format: HTML
Style format: Local CSS
Media Query: On Copy
Mode: Extract
copy > export to studio
Comments4
brian
Jun 30, 2025
Hello, the extraction takes depth into account. All items in the menu should be present in the copied output even if the menu is very long.
There is a limit on Studio exports using direct exports. If Export to Studio doesn’t work due to size, you can still copy the full menu using the “Copy” button and paste the result into
https://divmagic.com/studio
sulu
Jul 1, 2025
Thanks for the quick reply, but I'm having the same issue with the 'Copy' button. Here is the site I'm testing on: https://www.rosacadaques.com/shop/home.
The 'Home & Deco' menu has sub-menus that I'm not seeing appear.
brian
Jul 2, 2025
That menu uses JS to show the menu items, that is why the dropdown items don’t show when copied. One way to handle that is to keep the menu open before copying.
Here’s how it looks:
http://divmagic.com/studio/c/76Qu3zhdwv
It is easy to do this using DivMagic DevTools
Here I assigned a variable to the <li> element and called element.click() in console which showed the menu, then I copied it using DevTools to get the above Studio link
sulu
Jul 8, 2025
Thank you for your reply, but no, this menu doesn't use JS to display the sub-menu but CSS thanks to the hover on the parent (even if you disable the JS the sub-menu is displayed). So I don't understand why it doesn't work, besides the sub-menu is present in the DOM as soon as the page is loaded.