diff --git a/assets/scss/partials/menu.scss b/assets/scss/partials/menu.scss index 257eedb..4f2d97e 100644 --- a/assets/scss/partials/menu.scss +++ b/assets/scss/partials/menu.scss @@ -6,7 +6,7 @@ * @link https://github.com/jonsuh/hamburgers */ -.hamburger { + .hamburger { padding-top: 10px; display: inline-block; cursor: pointer; @@ -97,6 +97,14 @@ transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } +// change menu icon placement to follow the RTL Direction +.direction-rtl{ + #toggle-menu { + left: 30px; + right: unset; + } +} + #toggle-menu { background: none; border: none; @@ -121,6 +129,18 @@ } } +// fix icon padding in RTL menu +.direction-rtl{ + .menu { + li { + svg { + margin-left: 40px; + margin-right: unset; + } + } + } +} + /* Menu style */ .menu { padding-left: 0;