We wanted to make some changes to the main header where the logo resides. We felt the logo was a bit too small and wanted to make it slightly more prominent but not too extreme. We also canned the global search altogether.
We’ve run with this for a few months now without finding anything that negatively impacts our platform but as always - if you implement this for your own environment - be sure to be on the lookout for glitches it may cause on your platform.
Here is what we did if there is anyone else out there looking for a similar adjustment.
This allowed us to go to a rendered size of 150w x 70h logo vs the default which says max: 380x72 but the rendered size seems to be a bit less than that so we made this adjustment.
/** Change Site Header Height and Logo Adjustment **/
/** Again - not too much bigger **/
/** This refers to logo itself **/
doc-layout-internal-header .internal-header-logo a img {
height: auto;
max-height: none !important;
width: 150px;
}
/** Removal of the global search **/
doc-layout-global-search-boxed .global-search-boxed-submit {
height: 50%;
visibility: hidden;
}
doc-layout-global-search-boxed .global-search-boxed-input {
height: 50%;
visibility: hidden;
}
/** These help to accommodate the expanded logo **/
/** Values may adjust slightly based on your specific logo size. **/
doc-layout-internal-header {
height: 100px !important;
}
doc-layout-internal-header .internal-header-logo {
height:70px !important;
}
/** End Change Site Header Height and Logo Adjustment **/
Before
After
Hopefully this is useful for someone someday.
