css - Text on the label Not sliding with when clicked -


i have accordion slider. have problem slider label text, not sliding when clicked. here url site.

css text:

.accordion label h7{  position: absolute; cursor:pointer;  display: block; -webkit-backface-visibility: hidden; /* fixes chrome bug */ -webkit-transform: translatex(-100%) rotate(-90deg);  -webkit-transform-origin: right top;  -moz-transform: translatex(-100%) rotate(-90deg); -moz-transform-origin: right top;  -o-transform: translatex(-100%) rotate(-90deg);  -o-transform-origin: right top;  transform: translatex(-100%) rotate(-90deg);  transform-origin: right top; } 

what missing? way make slider auto slider seconds lag?

the problem .accordion label h7 set position:absolute. if remove you'll notice text begins slide.

a fix found resulting bunched text set width .accordion label h7.

.accordion label h7 {     width: 200px; } 

Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

javascript - Get parameter of GET request -

javascript - Twitter Bootstrap - how to add some more margin between tooltip popup and element -