Hey there, my client has a site designed by pronto that i'm redesigning in webflow so that he doesn't have to keep paying them monthly dues forever. He has paid for rights to all the content, design, etc. so it's totally ok that we're doing this (just fyi).
His current site is at http://www.broadbandconsultingservices.com/. What i'm trying to recreate is the section labeled "IN THE BUSINESS WORLD AND IN TELECOMMUNICATIONS
IT’S ALL ABOUT THE CONNECTIONS" that has the square icons with business logos. When you click on them a pop up bubble pops up with info about the company.
I sort of have it figured out for the regular computer screen but it gets all wacky when I try to make it responsive. If you play with the screen sizing on the original site you can see how the logo blocks change to grid and yet the popup bubbles still work. I would love to know, in general, how to do popup bubbles like this. i feel like this should be a basic easy thing to do since it seems to be on every website, kind of like the drop down menu in the navbar. how do you make bubbles that just pop up over anything anywhere? it's like they're not even in a container of their own at all... but follow around a parent object?
The other issue that i'm having is with the interactions themselves. i have checked and checked again to see that the design for every logo square and every pop up bubble is the same but on some of them one bubble pops up and on others, you click on the logo and bubbles pop up over several of them. so frustrating!
i've been trying to figure this out off and on for about 2 weeks and i'm so frustrated!
oh also, an added layer of frustration is that the logos are within a slider because there are a total of 12 logos on 2 sliders.