Bootstrap : déplacer le menu réduit de façon responsive

[Lynda]

Bonjour,

Le header de mon site possède le logo sur une ligne, et le menu sur la ligne d'en dessous. Je souhaiterais que, sur petits écrans, le menu réduit (l'icone avec les trois barres) passent au dessus, à la gauche du logo. Avec Bootstrap, comment mettre l'icone du menu (mais pas le menu développé) sur le même row que le logo ?

Merci pour votre aide.

[Lynda]

Voici une image pour bien faire comprendre ce que je cherche à faire.

[JulienPct]

Bonjour,

Ne pouvez-vous pas copier le code de ce menu, créer un affichage mobile caché, dans le même tpl que votre titre, que vous n'activerez qu'à partir d'une certaine taille d'écran ?

[Lynda]

Bonsoir.

Vous voulez dire placer le menu dans le TPL dans les deux row, et désactiver l’affichage de l’un et activer en même temps l’affichage de l’autre en fonction de la taille d’écran avec la propriété display des CSS ?

En effet, c’est pas bête. Mais est-ce la méthode conventionnelle pour réaliser ceci ?

[JulienPct]

31 minutes ago, Lynda said:

Bonsoir.

Vous voulez dire placer le menu dans le TPL dans les deux row, et désactiver l’affichage de l’un et activer en même temps l’affichage de l’autre en fonction de la taille d’écran avec la propriété display des CSS ?

En effet, c’est pas bête. Mais est-ce la méthode conventionnelle pour réaliser ceci ?

Je penses que le mieux serait d'append en js la div dans la row souhaitée et de supprimer l'autre