Logo doing strange things cross browser

Design help General
1

Hi guys,

I have an issue with a logo on a website. In Safari it looks fine on every page. However in Chrome it is way too large on all other pages but the homepage. And in Firefox it disappears on all other pages but the homepage.

Would someone be able to help me out with this one?

Would be appreciated!

Here is my site Read-Only:

https://preview.webflow.com/preview/greenipp?utm_medium=preview_link&utm_source=designer&utm_content=greenipp&preview=3692257d16f131df281f0a2de8e80226&workflow=preview

2

Hi @Goderd , I would suggest you use the EM units. It helps you to build responsive sites much easier. ^^ hope i could help

3

Hi @Kaiserchen95 Unfortunately that didn’t do the trick…

1 Like
4

Sure does^^. Just set for desktop breakpoint 13Em, For Tablet 12Em and for Smartphone 9Em! :slight_smile:

5

Thank you @Kaiserchen95 ! It seems I have different symbols on the homepage so that’s why it didn’t work at first.

1 Like
6

set logo width in vw on mobile devices