1485 sujets

Web Mobile et responsive web design

Bonjour,

Dans le cadre d'un menu multiple (1 à gauche et 1 à droite), je souhaite utiliser la navigation Simple Nav de Raphël mais en version "Push Right".


Je voudrais avoir votre avis sur mes modifications, est-ce propre et fonctionnel ?

J'ai testé sur Firefox, Safari, Chrome et Android.


CodePen

Version Codepen Simple Nav Push Right


Détails des mods et ajouts :

HTML

ajout de :

<div class="spacer"></div> <!-- ADD -->

après les liens de navigations avant le header

mod :

<h1>Push Right CSS Nav</h1> <!-- MOD -->



CSS

ajout :

.sidebar { right:0; }
[class^="nav-button"] { float:right; }
.spacer {clear:both;}


mod :

body:target .wrapper { transform: translateX(-50vw);}



Merci d'avance pour votre avis et/ou améliorations !


Merci !