alignement logo - menu - panier

[philjo]

Bonjour à tous, 

Après avoir scruté le forum en FR et en ENG, je me suis enfin décidé à créer ce topic. 

Je n'arrive tout simplement pas a aligner le logo avec le menu et le panier: 

En modifiant les ancres, le menu se place en dessous du logo et le panier à coté du logo, mais jamais l'un à côté de l'autre... 

Le menu est advanced top menu et le thème: Interior. 

En inspectant la page, j'ai l'impression que ce n'est qu'une question de <div></div> en trop dans le .tpl entre les 2 modules, mais je ne trouve pas les lignes de modules dans le header.tpl de mon thème: 

Voici le lien de mon site: www.ecigonly.com 

Je suis sur ps 1.6.0.11 

 

Merci par avance pour votre aide. 

Phil

Edited November 28, 2017 by philjo (see edit history)

[jcanto]

Salut,

Tu ajoutes ce css

.container.-responsive .row {
    display: flex;
}

Puis tu rajoutes un padding top : 10px à .header__cart
Et il faut que tu ajustes la position du panier en version mobile ! 

Voilà en espérant t'avoir aidé

[philjo]

Merci jcanto, j'essai cela. 

En version mobile, je pense desactiver adtm et le remplacer par la barre de navigation par defaut que je trouve plutot sympa pour la version mobile. 

 

[philjo]

Alors effectivement, cela fonctionne. Par contre cela impacte le HTML container au dessus du footer (où j'ai intégré mes icones de rassurance). 

Vois-tu une autre solution?

[jcanto]

Ah oui effectivement j'avais pas remarqué, il suffit de rajouter #header devant le .container.-responsive .row
Comme cela : 

#header .container.-responsive .row {
    display: flex;
}

Et tout devrai rentrer dans l'ordre

[philjo]

super, ca marche nikel! 

Encore merci! 

 

Maintenant, il faut que je cherche à régler ce foutu logo qui s'affiche pas sur tablette et mobile.