Verified Commit 1d34ad2e authored by Lee Rowlands's avatar Lee Rowlands
Browse files

Issue #3334907 by andy-blum, Gauravvvv, Guru2023, markconroy, shaal: Mobile... 

Issue #3334907 by andy-blum, Gauravvvv, Guru2023, markconroy, shaal: Mobile menu is not positioned correctly when side canvas is open

(cherry picked from commit be918cb0)
parent e45fc718

core/themes/olivero/css/components/header-navigation.css

+2 −2
Original line number Diff line number Diff line
@@ -50,11 +50,11 @@ 


.header-nav.is-active {

  visibility: visible;

  transform: translateX(-100%); /* LTR */

  transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); /* LTR */

}



[dir="rtl"] .header-nav.is-active {

  transform: translateX(100%);

  transform: translateX(calc(100% + var(--drupal-displace-offset-left, 0px)));

}



@media (min-width: 31.25rem) {

core/themes/olivero/css/components/header-navigation.pcss.css

+2 −2
Original line number Diff line number Diff line
@@ -31,10 +31,10 @@ 


  &.is-active {

    visibility: visible;

    transform: translateX(-100%); /* LTR */

    transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px))); /* LTR */



    &:dir(rtl) {

      transform: translateX(100%);

      transform: translateX(calc(100% + var(--drupal-displace-offset-left, 0px)));

    }

  }