When you hover over the states that are blinking the pop up is always in the top left corner. I built it on it’s own site here and you can see the hover is over the selected state and follows the mouse: https://cms-interactive-map-d670ac.webflow.io/
Logic says something on the live site is causing this issue and I am not able to figure out what it is so I would appreciate if someone can help figure this out.
To adjust your map’s positioning in Webflow, you can control its behavior through the Style panel. Here’s how to position your map exactly where you want it:
Create a class for your map element and adjust its position using the Position property (relative, absolute, or fixed). Then fine-tune the placement using Top, Right, Bottom, or Left values in the Style panel. You can also set specific dimensions using Width and Height properties to ensure the map fits your design perfectly.
For responsive designs, consider using percentage values or viewport units (vw/vh) instead of fixed pixel measurements. After making these adjustments, publish your site to see how the map appears in the live environment.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Thank you for the response and it is already set up that way. You can see it working as designed in a vanilla site here: Webflow - CMS Interactive Map. Just won’t work once incorporated into the live website. Is this a z-index or some other CSS issue I can’t see maybe?