đã fix được responsive của header của trang flex_finish
This commit is contained in:
@@ -2,32 +2,6 @@
|
||||
<h1 class="visually-hidden">The University of Massachusetts Amherst</h1>
|
||||
|
||||
<style>
|
||||
/* CSS override for SIS Vietnam custom logo aspect ratio */
|
||||
/* [data-component-id="umass_base:header-branding"] img,
|
||||
.tophat-logo img {
|
||||
height: 45px !important;
|
||||
width: auto !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
[data-component-id="umass_base:header-branding"] img,
|
||||
.tophat-logo img {
|
||||
height: 55px !important;
|
||||
width: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
|
||||
[data-component-id="umass_base:header-branding"] img,
|
||||
.tophat-logo img {
|
||||
height: 65px !important;
|
||||
width: auto !important;
|
||||
}
|
||||
} */
|
||||
|
||||
/* Fix logo visibility on dark background with Glow effect */
|
||||
[data-component-id="umass_base:header-branding"] {
|
||||
position: absolute;
|
||||
@@ -51,6 +25,13 @@
|
||||
transform: scale(1.05);
|
||||
filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 1)) drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.9));
|
||||
}
|
||||
|
||||
/* Force white color for mobile hamburger icon when transparent header is active */
|
||||
.transparent-header #mobile-hamburger .hamburger-inner,
|
||||
.transparent-header #mobile-hamburger .hamburger-inner::before,
|
||||
.transparent-header #mobile-hamburger .hamburger-inner::after {
|
||||
background-color: var(--color-white) !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="region region-header r--region r--header">
|
||||
|
||||
Reference in New Issue
Block a user