I can’t figure out why my logo or brand in webflow is changing sizes across breakpoints (from tablet to mobile). There are no blue dots (aka it is inheriting everything from the upper classes) in any of the lower media queries right now so I don’t understand what could be changing it’s sizes. I’ve checked all of the div blocks that have anything to do with the logo.
What I’m trying to accomplish:
The reason this is a problem is because on page load I have a hero animation that scales from the center into the logo on the nav bar. Currently I have both of them up there for the purpose of the demonstration but eventually I will animate the display settings to none on the animated logo so the navbar becomes clickable. However, because the logo in my nav bar changes sizes across media queries the transition isn’t seamless for mobile.
Here is my site Read-Only: https://preview.webflow.com/preview/cloud-thirds?utm_source=cloud-thirds&preview=952763beb8d2c9566198e768eb090dfd