On https://sensistop.dk I have created a text box in a hero image. The box have position absolute in order to 'follow' the image.

All works just fine in Firefox on mobile phone: When menu is opened the text follows the image down.

But in Chrome the text will not move. Opening the menu image (hero block) moves down, but the textbox stays covering some menu items.

What am I overlooking? The code seems to be right.

Comments

Figured it out:

I did not set 'position: relative' for the parent, the picture. Without this the textbox will follow the page and not the parent element.

Solved.