Skip to content

Commit 93c672f

Browse files
committed
fix: quicktools toggler responsiveness
1 parent 679a018 commit 93c672f

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

src/styles/page.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -324,6 +324,14 @@ wc-page {
324324

325325
#quicktools-toggler {
326326
transform: translate3d(0, -40px, 0);
327+
328+
@media (min-width: 769px) {
329+
transform: translate3d(0, -50px, 0);
330+
}
331+
332+
@media (min-width: 1024px) {
333+
transform: translate3d(0, -60px, 0);
334+
}
327335
}
328336

329337
&.top-bar {
@@ -352,6 +360,14 @@ wc-page {
352360

353361
#quicktools-toggler {
354362
transform: translate3d(0, -80px, 0);
363+
364+
@media (min-width: 769px) {
365+
transform: translate3d(0, -100px, 0);
366+
}
367+
368+
@media (min-width: 1024px) {
369+
transform: translate3d(0, -120px, 0);
370+
}
355371
}
356372

357373
&.top-bar {
@@ -380,6 +396,14 @@ wc-page {
380396

381397
#quicktools-toggler {
382398
transform: translate3d(0, -140px, 0);
399+
400+
@media (min-width: 769px) {
401+
transform: translate3d(0, -150px, 0);
402+
}
403+
404+
@media (min-width: 1024px) {
405+
transform: translate3d(0, -180px, 0);
406+
}
383407
}
384408

385409
&.top-bar {

0 commit comments

Comments
 (0)