Limiting the move of the absolute positioning elements

Hi beautiful people,

This forum helps me so much, help all of you.

I have a question related to responsiveness. Here is my read-only link.

On hero page I have text “Abogados en Alicante” overlapping the image. When I shrink it, text goes too much to the left, even in the desktop view. I tried to put margin, but it doesn´t work. How can I fix it?

Thanks in advance.

Hi @olivkadesign

Honestly, things like this are difficult to do.

If I were you, I would go back to illustrator and add “Abogados en Alicante” to the image and just make that one single svg/png. It’s going to save you a ton of time.

Thank you for you response. I thought about it but I wanted to avoid it because my client then will create more pages changing cities.

Of course if I dont understand how to do it, I will change the image.

Thank you!

I get it, but that is job security.

If this is solved, please make as solved :slight_smile: