html - Menu Bar only works using nth-child (1) span -
i have -90deg menubar submenu work using code question can example1 on codepen , work example 2 jsfiddle using nth-child, way can make submenu using nth-child(4) in advance, btw can ignore codes, shown in codepen , , jsfiddle
css
nav { height: 50px; line-height: 50px; background: #ff00ff; position: fixed; top:50; right:0; width: 100vh; transform-origin:top right; transform:translatex(-50px) rotate(-90deg); }
http://codepen.io/paulie-d/pen/ejxddy
but issue info not work on site im trying work on , code work on site.
css
#right_menu a:nth-child(1) span { display:block; position:absolute; top:40px; left:-40px; width:130px; color:#fff; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transition:left .3s ease; }
Comments
Post a Comment