User:SatriaDananjaya354/header.css

/* ==================== Community & Sticky Header ==================== */ .community-header-wrapper { height: auto; justify-content: normal; } .fandom-community-header__background, .fandom-community-header__background:before { display: none; } .fandom-community-header { background-color: var(--theme-header-background-color); background-image: var(--theme-header-background-image); background-size: 471px; background-repeat: no-repeat; background-position: right; height: 105px; position: relative; border-radius: 3px 3px 0 0; margin-bottom: -12px; padding: 15px 20px 5px 20px; z-index: 201; } .fandom-community-header:before { --theme-header-gradient-start: 200px; --theme-header-gradient-end: 430px; background-image: linear-gradient(to right,rgba(var(--theme-header-background-color--rgb),.5),rgba(var(--theme-header-background-color--rgb),.5)),linear-gradient(to left,transparent var(--theme-header-gradient-start),var(--theme-header-background-color) var(--theme-header-gradient-end)); content: ""; display: block; height: 100%; position: absolute; width: 100%; border-radius: 3px 3px 0 0; z-index: -201; } @media only screen and (max-width: 1279px) { .fandom-community-header { height: 115px; }   .fandom-community-header:before { --theme-header-gradient-end: 471px; } } .fandom-community-header__image img { content: var(--theme-header-logo); -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; height: 80px; } @media only screen and (max-width: 1279px) { .fandom-community-header__image img { height: 60px; } } .fandom-community-header__community-name-wrapper { margin: auto 0; } .fandom-community-header__community-name { font-size: 28px; font-weight: 600; } @media only screen and (max-width: 1279px) { .fandom-community-header__community-name { font-size: 24px; } } .fandom-community-header .wds-tabs { margin-bottom: -5px; } .fandom-community-header .wds-button-group { margin: auto 0; } .page-counter { margin: auto 16px auto auto; } .page-counter__value { font-size: 24px; line-height: 1; font-weight: 600; } .page-counter__label { font-size: 12px; line-height: 1; margin-top: 3px; font-weight: 600; } .wds-is-hidden { display: grid !important; margin-bottom: 0; } .fandom-sticky-header.is-visible { display: none; } .fandom-sticky-header__logo img { content: var(--theme-sticky-nav-logo); max-height: 42px; max-width: 200px; }