Layout Shifting Fixed On Sticky Header

This commit is contained in:
devansh bawari 2021-07-12 16:37:21 +05:30
parent 2571b8a7eb
commit d49691597c
3 changed files with 8 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -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"
}

View File

@ -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;