1480 sujets

Web Mobile et responsive web design

Salut à tous,

Voilà n'ayant plus de cheveux à me tirer (ils sont tous parti depuis tous à l'heure) et avant de sombré dans la folie pure je me tente à une dernière tentative vis à vis de la communauté afin de voir si celle-ci peut me sauver....

Je possède une navbar responsive design dans le sens où à partir d'une certaine dimension je la cache et fait apparaitre à la place un lien uniquement en toggle permettant d'afficher/masquer les liens précédemment visible sur des dimensions plus grandes.

Cela marche très bien mais il m'est impossible de changer l'affichage inline en block de mes liens. J'ai tourné le code dans tous les sens, mis des display block partout et rien n'y fait.

Alors si quelqu'un serait pourquoi et comment je peux faire en sorte d'afficher mes liens en block (1 ou 2 lien par ligne qui prendrait 100% width) quand ma navbar n'est visible que par mon toggle il sauverait mes futurs cheveux ainsi que mon calme et ma zen attitude ?

En vous remerciant d'avance Smiley ohwell

Voici le fiddle : http://jsfiddle.net/miltone/Y33w7/6/
Modifié par miltone (23 Feb 2014 - 12:55)