I was wondering if anyone else experienced this weird problem:
I am using a very simple show and hide code to show and hide an element by hovering over another element. The purpose is to show a large image of a group of people and by hovering over each face, the name of that person shows above it. For that I created a round box over each face and gave it 100% opacity. All the names are hidden on load.
All works fine till I add more than 14 elements like this. When there are more than 14 elements, the elements gets completely relocated on the screen. It seems that they shift way downwards.
In the editor, each element shows exactly where they should. However in the preview and in the published site they shift.