The size of the logo image distorts only on specific mobile phone formats

HI there!

I just published my portfolio website and it seemed to be responsive for mobile as I tried it with my own Huawei P30 phone, but in other phone sizes such as Iphone 11 there is 1 thing that completely messes up in those phones. It’s the logo image (tag) that distorts and stretches completely over half the page. (see image)
See attached. I hope someone can tell me how to fix this :pra

y:

Thank you so so much!


Here is my site Read-Only: Webflow - Daphne-zawadzki-design

Daphne, the image height is very large and I can’t see any restrictions for not displaying it full height.
If you are still having issues let me know and I will look further.

Hi iDATUS,

Yess I still don’t seem to figure it out and would very much appreciate your help! :slight_smile:

Ok lets see if we can sort it out between us.
Goto to mobile preview in webflow
select you logo image 2 inside your symbol logo link 2
Go to the cog wheel (image settings) and you will see your image and dimensions.
You have already set the width to 88 so just need to set the height.

Other options include put the image inside a div and set the height of the div
Set the image to be 100% in height so it will fill the size of the div.

Let me know how you get on…

ooohh I fixed it! I had to Align in to the top. See attached the screenshot :D:D

1 Like

There are indeed a lot of ways to achieve result sought.
Thank you for posting a picture, much easier to see.
Good luck with your portfolio and finding work.
I too am looking.

1 Like