The logo of the attached Hype document is set to expand when resizing the browser window, but when expanded past around 1200px, the logo became obnoxiously large. I set the logo element ID to “logo” and added Max-width and Max-height properties within the Head HTML CSS so that it would stop expanding at a certain point. My only problem is that when it reaches the max width/height, it loses its centered position. I tried adding different properties to keep the logo in the center of the screen and used “!important” next to the values, but nothing worked.
Any ideas on how to fix this?
Max-width.hype.zip (20.7 KB)