April 29, 2020 at 6:25 pm #70471
Hello, I’m new to webdesign, and update my own business website site which hasn’t gone live yet. I am using ‘Menu Pro’ and would like to trigger your Menu using One of my own existing ‘Sticky Icons’ located my site and then once working I will remove your button. Could you please explain Step by Step how I do this please? I assume it’s some CSS as per mentioned in Settings/Button(TAB) (bottom advanced section)? I have done a little CSS Code and should understand how to do this but no where near enough to work this out for myself ! I do have a web developer who is unable to work this out for me…
I hope you can assist, thanks in advance.April 30, 2020 at 6:39 am #70473
Welcome to Responsive menu Pro Support Forum. Hope you are having a great day.
I need to check with development team if this is possible with Responsive menu Pro plugin or not. I will get back to you as soon as I hear back from them.
KritiMay 1, 2020 at 6:16 am #70479
I have talked to the development team. For example. Add the following code into theme.
And in the Responsive Menu -> Button -> Advanced -> Trigger
If the Sticky Icon has a unique css class or ID. Can just use it in the option.
KritiMay 1, 2020 at 8:36 am #70480
Many thanks for your help and advice up to now, it is appreciated… and apologies I’m not trained in webdesign and simply self-taught to update my business site. I have done very little css but not great at understanding it, would it be possible to clarify this step by step please… Sorry !
1.. Responsive Menu -> Button -> Advanced -> Trigger – Do I simply remove what is currently in that box and add the above or custom link with a . rather than # ?
2.. Sticky Icon Link Setting… I have the option ‘Custom Class’ and/or ‘Target Link’ – Could you please explain what I would need to enter hear as everything I try doesn’t work.
Your further guidance/advice would be great appreciated.
RegardsMay 1, 2020 at 5:35 pm #70483
I will get back to you after talking to the development team.
KritiMay 6, 2020 at 7:18 am #70511
Any update on the above instructions please ?
Would be very grateful for these so that I can get my site live…
RegardsMay 7, 2020 at 8:02 am #70513This reply has been marked as private.May 7, 2020 at 9:07 am #70514
Yes Chris, we are looking into your query right now. Please wait for some time.
KritiMay 7, 2020 at 5:42 pm #70516
Please check with the author of the sticky and ask the author for the CSS id of the sticky icon.
A CSS id should start with # sign.
After obtaining the CSS id of the sticky icon, go to Responsive Menu -> Button -> Advanced -> Trigger
and remove what is in the option and replace with the CSS id of the sticky icon.
KritiMay 11, 2020 at 5:56 am #70527
Many thanks for your reply, I have a further issue which your team may be able to resolve quickly….
There is a CSS id # for the sticky icons but this covers the whole sticky icon group of icons.
When I enter the CSS id # for the sticky icon nav menu, every time I click any icon it makes the responsive menu appear.
Is there a way to identify a particular icon rather than its group please ?
ChrisMay 11, 2020 at 1:23 pm #70530
Chris, let me ask the development team. I will keep you updated as soon as hear back from them.
KritiMay 12, 2020 at 2:39 pm #70537
You can use either CSS id or class selector, as long as it is unique.
A css class selector will begin with a dot.
The following webpage may help you understand more about class selector.
If there is no unique id or class for you to use, you will have to edit your sticky icon HTML code to give it a unique id or class.
- The topic ‘Using my own Sticky Icon Trigger Button’ is closed to new replies.