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{
|
.page-header-box h1{
|
||||||
font-size: 80px;
|
font-size: var(--font-size-5xl);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -2668,6 +2668,12 @@ header.main-header .header-sticky.active{
|
|||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.page-header-box h1 {
|
||||||
|
font-size: var(--font-size-4xl);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.page-header-box h1 span{
|
.page-header-box h1 span{
|
||||||
color: var(--white-color);
|
color: var(--white-color);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user