I have this code to show a dropdown menu at the right top side of a web.
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i class="icon-user"></i>
<?php echo $row['userEmail']; ?> <i class="caret"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="miperfil.php">Mi perfil</a>
</li>
<li>
<a href="logout.php">Logout</a>
</li>
</ul>
</li>
</ul>
The two options work fine on a desktop PC but they don't respond on a mobile device. What should I change to have them working on both mobile and desktop browsers?