Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Using my own Sticky Icon Trigger Button

Home › Forums › Pro Support › Using my own Sticky Icon Trigger Button

Topic Resolution: Not Resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 29, 2020 at 6:25 pm #70471
    Chris HainesChris Haines
    Participant

    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
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Chris,

    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.

    Regards,
    Kriti

    May 1, 2020 at 6:16 am #70479
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    I have talked to the development team. For example. Add the following code into theme.

    Open Menu

    And in the Responsive Menu -> Button -> Advanced -> Trigger
    add .custom-open-menu-link

    If the Sticky Icon has a unique css class or ID. Can just use it in the option.

    Kind regards,
    Kriti

    May 1, 2020 at 8:36 am #70480
    Chris HainesChris Haines
    Participant

    Hi Kriti
    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.
    Regards

    May 1, 2020 at 5:35 pm #70483
    Kriti SharmaKriti Sharma
    Keymaster

    Ok Chris,

    I will get back to you after talking to the development team.

    Regards,
    Kriti

    May 6, 2020 at 7:18 am #70511
    Chris HainesChris Haines
    Participant

    Hi Kriti
    Any update on the above instructions please ?
    Would be very grateful for these so that I can get my site live…
    Regards

    May 7, 2020 at 8:02 am #70513
    Chris HainesChris Haines
    Participant
    This reply has been marked as private.
    May 7, 2020 at 9:07 am #70514
    Kriti SharmaKriti Sharma
    Keymaster

    Yes Chris, we are looking into your query right now. Please wait for some time.

    Regards,
    Kriti

    May 7, 2020 at 5:42 pm #70516
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Chris,

    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.

    Regards,
    Kriti

    May 11, 2020 at 5:56 am #70527
    Chris HainesChris Haines
    Participant

    Hi Kriti
    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 ?
    Regards
    Chris

    May 11, 2020 at 1:23 pm #70530
    Kriti SharmaKriti Sharma
    Keymaster

    Chris, let me ask the development team. I will keep you updated as soon as hear back from them.

    Regards,
    Kriti

    May 12, 2020 at 2:39 pm #70537
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Chris,

    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.

    https://www.w3schools.com/cssref/sel_class.asp

    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.

    Regards,
    Kriti

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Using my own Sticky Icon Trigger Button’ is closed to new replies.