HELP! Popover / tooltip not showing beyond parent container

Hi, thanks in advance!

I have a popover that i have working fine code-wise, but I need to be able to make it move or resize if the default would expand beyond the parent container.

For example: Page > Section > Row > Column > Accordion

Where the accordion content I have some info and an icon. For the icon, I’m using the popover shortcode and i have no problem getting it to show.

BUT, i need to position info_place=“left” in order for it to show the entire popover box as the icon is kind of close to the edge of the accordian and “right” it does not wrap or overflow. However, If I position “left” I run into similar issues when on mobile/tablet resolutions…

Please help.

Basically, is there a way to allow it to overflow? or to reposition itself horizontally so that the entire popover shows?

PS is there any function to allow the popover to remain visible without the cursor hovering it. I am thinking I would put a hyperlink in one, but as soon as the cursor moves off the set element then the popover disappears.

Hello Bain,

By default, accordion element overflow is set to hidden. This is because of its structure. Accordion content are by default hidden unless you set it to open. Once it’s group, other tab will be close once you open another. This is how it is setup by default and setting the overflow ON will disrupt its normal flow.

Unfortunately, no. That is how popover works too. It might be possible with customization but that is outside the scope of our support. Thank you for understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.