Navegation fixe bloquée sur smartphone avec bootstrap

Question

J'ai un problème avec ma navigation en-tête FIXE sur les petits appareils (IOS même iphone5 et Android).

Mon site Web est un site de bureau/tablette développé également Bootstrap de largeur, il doit être évolutif dans les petits appareils pour apprécier le texte de navigation.

L'ensemble du Web se déplace bien sur les petits appareils lorsque je zoom sauf l'en-tête (où se trouve ma navigation). Je peux voir le logo sur le côté gauche mais je ne peux pas aller sur la droite avec mon doigt pour naviguer vers le côté droit.

<div id="main-nav"> <div class="container"> <div class="row"> <div class="col-xs-3">logo</div> <div class="col-xs-9">navegation</div> </div> </div> </div>

Je pensais à une solution sScrollX mais si quelqu'un peut me aider je serais honoré d'entendre un meilleur.

Answer 1

Essayez d'ajouter dans votre meta:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> 

L'ensemble de la valeur d'échelle appropriée pour votre cas.

J'espère que cela aidera.