Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1471509

    Bonjour,

    Je souhaite créer 3 niveaux de menu est ce possible ? voir le l image dans la partie privée
    Au premier niveau voir au dessus de l’en tête:
    – un lien pour site Français et anglais
    – des liens pour des pages génériques

    Ensuite le logo de l’entreprise à Gauche puis 2 lignes de 5 menus pouvant être déroulants.

    Peut être dois je poser une seconde question ou déjà présente sur le support mais comment créé t on le site en 2 langues différentes le plus simplement possible ?
    Cordialement,

    #1471511

    Hey jccardaillac,
    First ensure that your menu screen options css classes are enabled:
    Screen Shot 2024 11 17 at 2.13.55 PM
    then add a new custom link menu item to the middle of your menu items and add the class menu-row-separator
    Screen Shot 2024 11 17 at 2.21.05 PM
    then add this css to your Quick CSS in the theme options:

    @media only screen and (min-width: 768px) { 
    .menu-row-separator {
      display: block;
      clear: both;
      height: 0;
      padding: 0;
    }
    #avia-menu > li, #avia-menu > li > a {
    	height: 47px !important;
    	line-height: 40px !important;
    }
    }
    .menu-row-separator a {
      display: none !important;
      line-height: 0;
    }

    this is the expected results:
    Screen Shot 2024 11 17 at 2.23.38 PM
    adjust the menu item heights to suit your header height.

    Best regards,
    Mike

    #1474268

    Merci pour votre retour,

    Je pourrais donc utiliser seulement le menu principal avec cette méthode en ajoutant un séparateur ?

    ou dois je ajouter le nouvel élément de menu de lien personnalisé je ne trouve pas sur Enfold ou wordpress ?

    Comment ajouter une marge entre mes boutons pour qu’ils soient plus espacés ?

    Cordialement,

    #1474291

    Hello,

    I managed to implement your proposal and it works, I would like to put a separation space between my buttons and if possible define the same size for each one. Is this possible?

    Have a nice day
    ———————————–
    Bonjour,

    J’ai réussi a mettre en place votre proposition et cela fonctionne, je voudrais mettre un espace de séparation entre mes boutons et si possible définir une même taille pour chacun. Est ce possible ?

    Bonne journée

    #1474329

    Hi,

    Thanks for the update. Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    #1474351

    Hello,
    Ah yes sorry, the access codes in private part
    have a nice day

    https://french-desserts.fr/

    #1474382

    Hi,
    Thank you for your patience, I added this css to your Quick CSS:

    @media only screen and (min-width: 768px) {
        #header_main #avia-menu > li, #avia-menu > li > a {
            height: 35px !important;
            line-height: 20px !important;
        }
        #menu-item-8663 .avia-menu-text{
        	text-align: center;
        }
        #avia-menu .avia-menu-text {
    				width: 250px;
    				display: inline-block;
    }
        #menu-item-8663 .avia-menu-fx {
        	width: 248px;
        	margin-left: 10px;
        }
        #menu-item-8663 a {
        	padding: 2px;
        }
    }

    and it now looks like this:
    Screen Shot 2024 12 29 at 2.27.53 PM
    please clear your browser cache and check.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.