Hi Reginald,
We changed the css position to relative and it does not work.
We have a working example that is simple and does not require custom javascript.
Please use the following.
In responsive menu pro settings, Find Button -> Advanced -> Trigger
Change #responsive-menu-pro-button to .responsive-menu-pro-button
Add the following html code into the setting – Container -> Additional Content -> Content,
<div class="responsive-menu-pro-button" style="color:#fff;position:absolute;top:100px;right:0px;">Close this menu!</div>
On front-end you will see a text that says “Close this menu!”. Clicking on it, will close the menu. You can modify this html into a button.
This works because the default button of responsive pro menu has a class name of .responsive-menu-pro-button
If we use it as a trigger, you can use the same class name for many other html element and it will also work as trigger to close the menu. Here is a screencast of the above mention solution in work.
https://drive.google.com/open?id=1519JSMt0799HsP7g8ogwTFB1OiysXOFI
Thank you
Kriti