Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 24, 2019 at 11:51 am #1112895
    KaJoHa

    Hi there,

    i am using a symbol as main menu, the flyout is set to fullwitdh. The menu items are now centered and all among themselves – am wondering if it is possible to set the main menu items into two colmuns wich are left justified.
    I tried to figure it out somehow with mega menu but didn’t find the solution.
    Please see the link in private content.

    Thank you in advance
    Katharina

    June 24, 2019 at 9:08 pm #1113015
    Basilis

    Hey KaJoHa,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    July 1, 2019 at 8:05 am #1114808
    KaJoHa

    Please see login credentials in private content

    thank you

    July 3, 2019 at 2:38 pm #1115482
    Ismael

    Hi,

    Thanks for the update.

    You can use this css code to group the menu items into two columns.

    #top #av-burger-menu-ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 800px;
    margin: 0 auto;
}

#top #wrap_all #header #av-burger-menu-ul > li {
    width: 50%;
    text-align: left;
}

    Please don’t forget to toggle the Enfold > Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    July 4, 2019 at 8:41 am #1115665
    KaJoHa

    thank you. Now all of the menu items are next to each other – i want to display them in two rows among themselves. I ‘d like to set one row with the first four meu items among themselves, an the a second row with the rest of the menu items among themselves. so i have to set a breakpoint at menu item nr. five, but how to do that?
    best regards
    Katharina

    July 6, 2019 at 10:17 pm #1116341
    Mike

    Hi,
    Sorry for the late reply, I added this css to your Quick CSS to create two columns. You won’t be able to choose the brake point because it’s automatically set by the css.

    ul#av-burger-menu-ul {
    display: inline-block !important; 
    columns: 2;
    padding: 50px 150px !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    July 8, 2019 at 12:26 pm #1116641
    KaJoHa

    Thank you, now it works.

    best regards
    Katharina

    July 9, 2019 at 3:29 am #1116851
    Mike

    Hi,
    Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

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