Issue with absolute position on webflow

637 Views Asked by At

I'm trying to develop a website for my company on Webflow.

On the section shown in picture you can see a vertical navbar and 2 different contents (app screenshots and texts) according to the selection.

The right part works properly but I can't find a solution for the screen shot.

Actually, I made a Horizontal flex block including the phone, the navbar and the text. The phone and the text are in extended mode, not the navbar.

For the effect of fusion between the navbar and the phone square I moved the navbar to the left and I worked with the shadow boxes.

Right now, the text change properly when the mouse is over a button. When I set up the left part (square phone and the screenshots), the whole design breaks.

Can you help me please ??

Here the link to the webflow page :

https://preview.webflow.com/preview/ikinesis-test?utm_medium=preview_link&utm_source=designer&utm_content=ikinesis-test&preview=142bb9a901b87c8b6cf91e26da18a063&workflow=preview

webflow interface When the phone block is in absolute position

enter image description here enter image description here enter image description here enter image description here

0

There are 0 best solutions below