Menu horizontal fixe

[homa12]

Bonjour à tous,

 

Comment faire pour fixer le menu horizontal et logo quand en descente la page? (le menu dévélopper par le module  "theme developper mega menu"

[elky]

Bonjour,

 

Peux-tu donner l'adresse de ton site ? Et la version de prestashop.

 

Cordialement

[homa12]

Bonjour,

 

Peux-tu donner l'adresse de ton site ? Et la version de prestashop.

 

Cordialement

mon site sur local encore(PS 1.6.0.5), en header il ya un grand logo et et des bouton pour authentification et panier et favoris et en dessous de sa il ya menu principal ( creer par module theme developer mega  menu), je veu quand je descend le scroll , la navigateur affiche un menu fixe en haut contient le logo et à droite le menu principal

Merci d'avance

[elky]

Bonjour,

 

En version 1.6 avec le responsive, je ne sais pas comment cela va réagir.

 

Tu peux essayer de donner au <div> de ton menu la valeur CSS suivante : "position : fixed;"

 

Cordialement

[homa12]

Bonjour,

 

En version 1.6 avec le responsive, je ne sais pas comment cela va réagir.

 

Tu peux essayer de donner au <div> de ton menu la valeur CSS suivante : "position : fixed;"

 

Cordialement

oui j'essayé sa, mais pas bien parceque un barre au dessus de menu, et aussi quand on descent la page je veux que le menu fixe change la forme, voilà comme ce site je veux www.secure-firm.com/stream

[elky]

Bonjour,

 

Peut-être une piste dans ce tuto http://mypresta.eu/en/art/developer/fixed-header-in-prestashop.html

 

Cordialement

[homa12]

Bonjour,

 

Peut-être une piste dans ce tuto http://mypresta.eu/en/art/developer/fixed-header-in-prestashop.html

 

Cordialement

Merci pour la réponse

Enfin j'arrive au que je cherche

j'ajoute une fonction de control scroll au fichier themes==>mon_theme==>js==>global.js :

   var menu_homa, yPos;
    function yScroll(){ menu_homa = document.getElementById('menu_homa');
     menu_homa = document.getElementById('menu_homa');
      yPos = window.pageYOffset;
      if(yPos > 150){ menu_homa.style.height = "50px";
      menu_homa.style.top="0px";
       
      menu_homa.style.position="fixed"; }
      else { menu_homa.style.height = "0px";
      menu_homa.style.paddingTop = "0px";
       menu_homa.style.height = "0px";
       a.style.opacity="0"; } } window.addEventListener("scroll", yScroll);

w et j'ajoute un div dans themes=>mon_theme==> header.tpl après  tous le div de header

<div id="menu_homa" style=" width:100%; background: #004A95;  transition: height 0.1s linear 0s;">
               <!--contenu de menu-->
</div>

et comme sa marche bien

Edited September 10, 2014 by homa12 (see edit history)