Fix page header h1 typography to use responsive CSS variables
This commit is contained in:
@@ -2660,7 +2660,7 @@ header.main-header .header-sticky.active{
|
||||
}
|
||||
|
||||
.page-header-box h1{
|
||||
font-size: 80px;
|
||||
font-size: var(--font-size-5xl);
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
@@ -2668,6 +2668,12 @@ header.main-header .header-sticky.active{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.page-header-box h1 {
|
||||
font-size: var(--font-size-4xl);
|
||||
}
|
||||
}
|
||||
|
||||
.page-header-box h1 span{
|
||||
color: var(--white-color);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user