2 modal buttons linked to the same section id

Hi,

I'm setting up some floating buttons with the intention of creating 2 buttons lining to the same section - one dispaying text and an icon, and the other just displaying the icon.  The intention is to have different breakpoints so on smaller displays the button text and icon doesn;t overlay the screen too much.

Anyway, before I change the breakpoint on the button I have noticed that the first button works and the second one doesn't - they both contain the same section id.

Even with the breakpoints active and only 1 button showing, its always the 2nd button that doesn't work.

I have created a screen recording of the issue -  SCREEN RECORDING

Does anyone have any ideas, other than having to duplicate my sections and give them different section ids?

If you want to use the same section id in the modal popup then use "Custom HTML" option with "Modal ID(Unique ID)" using this you can use trigger the modal pop-up content from any of the builder page.Please refer and follow this documentation link " extensions.joomlapro.com/support/documen...ce-modal-pro?start=8 " .