Astuce : Centrer votre menu dans Prestashop 1.6

Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop

Cette astuce Prestashop est valable pour la version 1.6

Comment centrer le menu sur ma boutique Prestashop ? 

Il y a q’un seul fichier à modifier : superfish-modified.css  qui appartient au module blocktopmenu

1) Dans .sf-menu, ajouter text-align:center

2) Dans .sf-menu > li, remplacer float:left par display: inline-block;

Et voila le resultat :

Capture d’écran 2015-04-13 à 19.31.27

Articles similaires

 Lenteur Enregistrement Produit BO 1.6.0.11
views 1914
 Vous avez téléchargé la version Prestashop 1.6.011 et là grand problème lorsqu'on accède à la fiche produit on s'aperçoit que les boutons "enregistrer et rester" et "enregistrer" sont grisés avec un logo de chargement et il faut attendre un bon moment pour qu'ils deviennent actifs. Après plusieurs recherches, j'ai trouvé la solution qui a fonctionné grâce à sandrocirlin, un membre du fo...
L’Affichage des colonnes | Astuce Prestashop 1.6
views 2191
 La dernière version de Prestashop (1.6) permet de gérer plus facilement l'affichage de la colonne de droite ou de gauche et de choisir sur quelles pages les afficher directement depuis le back-office. Où configure t-on l'affiche des colonnes  dans le back office de Prestashop ?  Allez dans l'onglet Préférences > Thèmes cliquez sur le lien Paramètres avancés du thème actif sur votre boutique. ...
Guide complet pour vos campagnes Google Adwords
views 508
 Ce guide est en vente sur Amazon.fr et offert en format PDF.  Complet, Intuitif et plein d'astuces. Allez jeter un oeil ! Besoin de gérer des campagnes Google AdWords ? Allez découvrir la formation AdWords proposée par refeo.com, vous trouverez, en plus des précieuses informations livrées, un guide complet qui vous expliquera tous les contours de l'outil Google AdWords, de même que la façon dont...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 2
views 5485
 Pour rappel, le menu du back-office de Prestashop 1.7 est organisé en 3 parties : Vendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)  Personnaliser qui regroupe les modules, le design, le transport, le paiement et l’international Configurer qui regroupe les préférences et les paramètres avancés. Dans cet article, nous allons ...
Insérer un dropdown panier dans Prestashop 1.7
views 7474
 Comme vous avez certainement pu le constater, pas mal de fonctionnalités ont disparus dans la version 1.7 de Prestashop. je trouve personnellement qu'il y a encore énormément de bugs, l'ergonomie laisse vraiment à désirer notamment sur la partie mobile.... Une des fonctionnalités qui a été supprimée est le dropdown panier. Voici un tutoriel qui va vous permettre de le remettre. Tout ce passe...

12 réponses à “Astuce : Centrer votre menu dans Prestashop 1.6”

  1. Tirips dit :
    26 mai 2015 à 19 h 21 min

    Dommage que personne n’ai laissé de commentaire sur ce tuto qui marche impec… en prenant le bon superfish-modified.css 😉
    (theme/votre thème/css/modules/blocktopmenu/css/superfish-modified.css).

    Merci à toi !

  2. Tipotam dit :
    27 août 2015 à 13 h 02 min

    Merci pour le ti tuto,

    sa marche nickel pour moi.

  3. Valentin dit :
    10 octobre 2015 à 18 h 24 min

    Bonjour,

    Tuto qui marche niquel sur un ordinateur, mais pour la version mobile, le menu part en vrille.

    Si vous avez une solution ?

    Cordialement

  4. c_majory dit :
    11 octobre 2015 à 13 h 11 min

    Bonjour,

    Il faut utiliser les media queries

  5. Clemence dit :
    22 février 2016 à 23 h 06 min

    Merci pour le tuto,
    C’est parfait pour le menu, mais cela a impacté mes sous-catégories, qui se retrouvent centrées et le menu devient illisible.
    D’où vient mon erreur ? comment corriger cela?

    merci d’avance 🙂

  6. julien dit :
    23 février 2016 à 9 h 10 min

    super merci beaucoup.

  7. c_majory dit :
    23 février 2016 à 13 h 40 min

    Bonjour,

    Comme ca il est difficile de répondre, il faut que je vois votre code.

  8. roussette dit :
    1 avril 2016 à 10 h 37 min

    ligne 164 localhost/prestashop/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
    remetter la même chose: display: inline-block et text-align: center

  9. hajar dit :
    17 août 2016 à 11 h 25 min

    je modifie sur le code mais y a rien changer au mon site j’ai rien compris quelqu’un peut m’aider?

  10. c_majory dit :
    23 août 2016 à 11 h 02 min

    Bonjour,

    si rien ne change, c’est un problème de cache, il faut le nettoyer

  11. herman dit :
    12 septembre 2016 à 19 h 28 min

    Bonjour,
    super! et merci beaucoup pour le tuto, et -il possible d’afficher en arborescence la listes de mes produits directement dans chaque categories/sous-catégorie du menu ?
    Car pour le moment prestashop peux afficher des produits directement, mais en meme rang que les categories du menu.
    avez vous une solution ?
    merci d’avance

  12. c_majory dit :
    14 septembre 2016 à 10 h 21 min

    Malheureusement il n’est pas possible de faire ca avec le module par défaut de Prestashop. Vous avez ce module (16$), beaucoup plus poussé. Je ne l’ai pas encore testé mais il semble avoir de bon avis.

    https://codecanyon.net/item/finalmenu-prestashop-menu/8230997?s_rank=1

    Cordialement

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *