Layout Shifting Fixed On Sticky Header
This commit is contained in:
parent
2571b8a7eb
commit
d49691597c
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"/js/velocity.js": "/js/velocity.js?id=1c12a991b9a3d04715bd",
|
||||
"/css/velocity-admin.css": "/css/velocity-admin.css?id=4322502d80a0e4a0affd",
|
||||
"/css/velocity.css": "/css/velocity.css?id=1128e04b7f7920dfa37a"
|
||||
"/css/velocity.css": "/css/velocity.css?id=9cc6239dc97b62698919"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1747,9 +1747,15 @@
|
|||
min-height: 65vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-container-wrapper {
|
||||
/**
|
||||
* Sticky header for logo and search component. Just make sure
|
||||
* this class should have height otherwise CLS score will reduce.
|
||||
*/
|
||||
.sticky-header {
|
||||
top: 0px;
|
||||
height: 55px;
|
||||
z-index: 100;
|
||||
position: sticky;
|
||||
background: white;
|
||||
|
|
@ -1760,7 +1766,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.search-container {
|
||||
padding: 30px 20px;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue