Changes in Mobile Portrait are affecting Desktop View

I’m having an issue with my navbar, where the menu button isn’t appearing in mobile portrait mode. to fix this, i decreased the size of the main logo which brought the menu button back into view, but in doing so affected the size of the nav logo on the desktop view, making it also smaller - how do i change the size of the logo in mobile portrait without affecting the size on desktop?


Here is my site Read-Only: https://preview.webflow.com/preview/viv-cafe?utm_medium=preview_link&utm_source=dashboard&utm_content=viv-cafe&preview=07ae8b13d000a9d20b712693fc2f3214&mode=preview

My first thought; You could try adding a specific css class to the alternative logo

so on desktop you give it the classname logoDesktop and on mobile logoMobile