Line 221: | Line 221: | ||
bottom: auto; | bottom: auto; | ||
right: auto; | right: auto; | ||
− | + | -webkit-transform: translateX(-50%) translateY(-50%); | |
-moz-transform: translateX(-50%) translateY(-50%); | -moz-transform: translateX(-50%) translateY(-50%); | ||
-ms-transform: translateX(-50%) translateY(-50%); | -ms-transform: translateX(-50%) translateY(-50%); | ||
-o-transform: translateX(-50%) translateY(-50%); | -o-transform: translateX(-50%) translateY(-50%); | ||
− | transform: translateX(-50%) translateY(-50%); | + | transform: translateX(-50%) translateY(-50%); |
width: 28px; | width: 28px; | ||
height: 2px; | height: 2px; | ||
Line 284: | Line 284: | ||
top: 12vh; | top: 12vh; | ||
bottom: auto; | bottom: auto; | ||
− | |||
-webkit-transform: translateY(-50%); | -webkit-transform: translateY(-50%); | ||
-moz-transform: translateY(-50%); | -moz-transform: translateY(-50%); | ||
-ms-transform: translateY(-50%); | -ms-transform: translateY(-50%); | ||
-o-transform: translateY(-50%); | -o-transform: translateY(-50%); | ||
− | transform: translateY(-50%); | + | transform: translateY(-50%); |
} | } | ||
.cd-primary-nav-trigger .cd-menu-text { | .cd-primary-nav-trigger .cd-menu-text { | ||
Line 297: | Line 296: | ||
left: auto; | left: auto; | ||
right: 1em; | right: 1em; | ||
− | + | -webkit-transform: translateX(0) translateY(-50%); | |
-moz-transform: translateX(0) translateY(-50%); | -moz-transform: translateX(0) translateY(-50%); | ||
-ms-transform: translateX(0) translateY(-50%); | -ms-transform: translateX(0) translateY(-50%); | ||
-o-transform: translateX(0) translateY(-50%); | -o-transform: translateX(0) translateY(-50%); | ||
− | transform: translateX(0) translateY(-50%); | + | transform: translateX(0) translateY(-50%); |
} | } | ||
} | } | ||
Line 322: | Line 321: | ||
overflow: auto; | overflow: auto; | ||
/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */ | ||
− | + | -webkit-overflow-scrolling: touch; | |
-webkit-transform: translateY(-100%); | -webkit-transform: translateY(-100%); | ||
-moz-transform: translateY(-100%); | -moz-transform: translateY(-100%); | ||
-ms-transform: translateY(-100%); | -ms-transform: translateY(-100%); | ||
-o-transform: translateY(-100%); | -o-transform: translateY(-100%); | ||
− | transform: translateY(-100%); | + | transform: translateY(-100%); |
-webkit-transition-property: -webkit-transform; | -webkit-transition-property: -webkit-transform; | ||
-moz-transition-property: -moz-transform; | -moz-transition-property: -moz-transform; |
Revision as of 15:56, 5 October 2019