November 4, 2019 at 9:50 pm #69600
Attachments:You must be logged in to view attached files.November 5, 2019 at 5:32 am #69603
When you absolute position the button, then what parent element you give relative positioning? Can you please provide me the CSS you are using for absolute positioning of the button so that I can check why the issue is occurring.
November 5, 2019 at 3:02 pm #69607
- This reply was modified 8 months, 1 week ago by Kriti Sharma.
I’ve tried both #responsive-menu-pro-wrapper and #responsive-menu-pro-titleNovember 5, 2019 at 4:02 pm #69608
Can you also please share with me the URL of your website so that I can have a detailed look.
KritiNovember 5, 2019 at 4:28 pm #69611
The site is ericleija.com. I’ve not pushed the changes to the live site yet though. I don’t want to push something to the site that doesn’t work.November 5, 2019 at 4:56 pm #69612
In that case, how I am able to review the website? Please provide me the working CSS on the live website so that I can help you with the issue.
KritiNovember 6, 2019 at 12:30 am #69616This reply has been marked as private.November 6, 2019 at 10:26 am #69619
We changed the css position to relative and it does not work.
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.
KritiNovember 6, 2019 at 3:54 pm #69625
Thanks. That works. Maybe the issue was related to me adding the HTML via JS after page load and the way you are attaching the click handlers the the button triggers?November 6, 2019 at 3:56 pm #69626
We are glad that you found it helpful and thanks for reaching out to us.
- The topic ‘Absolute position additional custom button inside responsive menu’ is closed to new replies.