Skip to content

Commit

Permalink
handle icon for small devices
Browse files Browse the repository at this point in the history
  • Loading branch information
Lakshmishri committed Aug 2, 2024
1 parent 233ac0a commit f11f3a8
Showing 1 changed file with 10 additions and 2 deletions.
12 changes: 10 additions & 2 deletions blocks/header/header.css
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ header nav[aria-expanded='true'] {
max-width: 350px;
width: 50%;
position: relative;
min-width: 270px
}

header .nav-brand,
Expand Down Expand Up @@ -170,6 +171,7 @@ header .nav-hamburger button {
overflow: initial;
text-overflow: initial;
white-space: initial;
cursor: pointer;
}

header .nav-hamburger-icon,
Expand Down Expand Up @@ -240,8 +242,8 @@ header .nav-drop::after {
content: '';
display: inline-block;
position: absolute;
top: 0.35em;
right: 8px;
top: 10px;
right: 5px;
transform: rotate(135deg);
width: 6px;
height: 6px;
Expand Down Expand Up @@ -276,6 +278,12 @@ header .nav-drop[aria-expanded='true']:hover::after {
color: #ffffffb2;
}

@media (width >= 640px) {
header .nav-drop::after {
top: 8px;
}
}

@media (width >= 992px) {
header {
--nav-height: 130px;
Expand Down

0 comments on commit f11f3a8

Please sign in to comment.