Skip to content

Fix logo size in header on small screens#760

Merged
JohnONolan merged 2 commits into
mainfrom
fix-mobile-header-logo-size
Mar 11, 2021
Merged

Fix logo size in header on small screens#760
JohnONolan merged 2 commits into
mainfrom
fix-mobile-header-logo-size

Conversation

@PaulAdamDavis

Copy link
Copy Markdown
Member

The logo in the header on small screens is too large – max-height: 40px; is too tall.

This PR removes the CSS rule that made the logo bigger than it is on larger screens, so it's max-height: 26px across all screen sizes.
This also removes a duplicated rule that had no effect to the text fallback if no logo image is provided, as this text is 2rem no matter the screen size.

Before:

1615468756122

After:

1615469048126

@JohnONolan JohnONolan merged commit 410ec1a into main Mar 11, 2021
@JohnONolan JohnONolan deleted the fix-mobile-header-logo-size branch March 11, 2021 18:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants