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; } 

https://jsfiddle.net/nyjhfr8g/2/


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -