Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Cosmos skin */
/* Keep header height fixed */
.cosmos-header {
height: 88px !important; /* header stays compact */
min-height: 88px !important;
align-items: center;
position: relative;
overflow: visible !important; /* allow logo to escape */
}
/* Remove wordmark from layout flow */
.cosmos-header__wordmark {
position: absolute !important;
left: 24px;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
/* Make the logo BIG without affecting header height */
.cosmos-header__wordmark img {
height: 120px !important; /* BIG logo */
width: auto !important;
max-width: none !important;
}