From d2ec60a9c99027710ec6b482c3c784090216b200 Mon Sep 17 00:00:00 2001 From: Shashank Date: Wed, 18 Oct 2023 07:55:33 +0530 Subject: [PATCH 1/2] changed zindex of mobile header to 999. --- src/scss/7-components/_mobile-header.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scss/7-components/_mobile-header.scss b/src/scss/7-components/_mobile-header.scss index 0f437c5b50..2faa715756 100644 --- a/src/scss/7-components/_mobile-header.scss +++ b/src/scss/7-components/_mobile-header.scss @@ -4,7 +4,7 @@ --p-mobile-header-border-color: rgb(0,0,0, 0.1); - position:sticky; z-index:20; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); + position:sticky; z-index:999; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); display:flex; justify-content:space-between; align-items:center; gap:pxToRem(16); border-block-end: solid 1px var(--p-mobile-header-border-color); padding:pxToRem(20); From bee51a53dacc7cb03b2755a7bed7aec660872c31 Mon Sep 17 00:00:00 2001 From: Shashank Date: Wed, 18 Oct 2023 17:55:07 +0530 Subject: [PATCH 2/2] changed zindex to 120. --- src/scss/7-components/_main-header.scss | 2 +- src/scss/7-components/_mobile-header.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/scss/7-components/_main-header.scss b/src/scss/7-components/_main-header.scss index 7c51d5fee3..5d31b49104 100644 --- a/src/scss/7-components/_main-header.scss +++ b/src/scss/7-components/_main-header.scss @@ -6,7 +6,7 @@ --p-main-header-link-color: var(--aw-color-greyscale-900); --p-main-header-border-color: rgb(0,0,0, 0.1); - position:sticky; z-index:999; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); + position:sticky; z-index:120; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); border-block-end: solid 1px var(--p-main-header-border-color); padding-inline: clamp(1.25rem, 4vw, 120rem); diff --git a/src/scss/7-components/_mobile-header.scss b/src/scss/7-components/_mobile-header.scss index 2faa715756..72b7b8c4df 100644 --- a/src/scss/7-components/_mobile-header.scss +++ b/src/scss/7-components/_mobile-header.scss @@ -4,7 +4,7 @@ --p-mobile-header-border-color: rgb(0,0,0, 0.1); - position:sticky; z-index:999; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); + position:sticky; z-index:120; inset-block-start:0; background-color:hsl(var(--p-body-bg-color)); display:flex; justify-content:space-between; align-items:center; gap:pxToRem(16); border-block-end: solid 1px var(--p-mobile-header-border-color); padding:pxToRem(20);