Question

I found a mobile web template, but its not clean. 1 major problem is some text is unselectable . please check http://codepen.io/rexmizan/pen/uAwke check “All Text of this box is unselectable” in ul class=box. you will find ul.box2 in CSS on line: 230

Please help me to fix my problem.

Thanks.

Answer 1

You just need to give z-index: 2 to your ul.box2 css element, as there is some other element with same z-index overlapping it, so replace your following css:

ul.box2 {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
...
...

for this one:

ul.box2 {
position: relative;
z-index: 2; /* prevent shadows falling behind containers with backgrounds */
...
...

with above change is working fine, see the demo