Closed sendya closed 8 years ago
fix nav-main transition
style.css
.mdlwp-navigation-container { direction: rtl; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 500px; -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
remove width: 500px; // mobile nav-main width err
What are you trying to do here?
Your demo site, nav transition effect
fix nav-main transition
suggest
style.css
.mdlwp-navigation-container { direction: rtl; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;
width: 500px;-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }remove width: 500px; // mobile nav-main width err