Move Menu minipanels DOM location I am trying to create a Menu-minipanel which will appear directly below the horizontal header menu, and push the content below down.

I have set the menu positioning to static so that it sits within the page structure, but that renders it at the bottom of the page when triggered (which is where it is put by default, and usually repositioned from there outside of the page structure).

Among the Menu mini-panels options there is a field labelled:


  "Allows control over where within the page's DOM structure the
  minipanel will be inserted. This defaults to $(document.body), i.e. at
  the end of the page's content."


but I have absolutely no idea how to manipulate this, and cannot find any documentation which makes this clear.

DOM is something I simply don't have a clue about, and I feel like I am so close to the answer, but my own knowledge seems to have run out!

Any guidance would be so appreciated!
So, though a bit of experimentation I found that the language


  "Allows control over where within the page's DOM structure the
  minipanel will be inserted. This defaults to $(document.body), i.e. at
  the end of the page's content."


Was what confused me - it turns out that just by adding a standard css selector to that field moved the menu.