| .mobile-menu-toggle { | |
| display: block; | |
| position: relative; | |
| width: 22px; | |
| height: 16px; | |
| float: right; | |
| } | |
| .mobile-menu-toggle > span { | |
| width: 22px; | |
| height: 2px; | |
| background: #fff; | |
| position: absolute; | |
| left: 0; | |
| -webkit-transition: top .15s .15s ease-in-out,-webkit-transform .15s .3s ease-in-out; | |
| -moz-transition: top .15s .15s ease-in-out,-moz-transform .15s .3s ease-in-out; | |
| -ms-transition: top .15s .15s ease-in-out,-ms-transform .15s .3s ease-in-out; | |
| -o-transition: top .15s .15s ease-in-out,-o-transform .15s .3 ease-in-out; | |
| transition: top .15s .15s ease-in-out,transform .15s .3s ease-in-out; | |
| } | |
| .mobile-menu-toggle .top-bar { | |
| top: 0; | |
| } | |
| .mobile-menu-toggle .middle-bar { | |
| top: 7px; | |
| } | |
| .mobile-menu-toggle .bottom-bar { | |
| top: 14px; | |
| } | |
| .sidr-open .mobile-menu-toggle { | |
| } | |
| .sidr-open .mobile-menu-toggle .top-bar { | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| top: 7px; | |
| } | |
| .sidr-open .mobile-menu-toggle .middle-bar { | |
| opacity: 0; | |
| } | |
| .sidr-open .mobile-menu-toggle .bottom-bar { | |
| -webkit-transform: rotate(-45deg); | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| top: 7px; | |
| } |
Bill Erickson
Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.