Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1257965

    Hi! We are having a problem with the menu. The third layer covers the second layer menu. Then you cant really see the other entries in the menu.
    See here: https://www.dropbox.com/s/8z80d5bq9y7xrby/03-11-_2020_10-16-45.jpg?dl=0

    So is there any way to include the third layer more elegant into the menu? Like in other menu, where the next layer entries are hidden and can be accessed by clicking on an arrow or similar.

    Thank you
    Chris
    PS: I used css to move the third layer a bit. Before it was hiding second layer totally

    • This topic was modified 4 years ago by chs87.
    #1258331

    Hey Chris,

    Can you give us the whole code you’ve added for the menu? so we can exclude it when using web inspector and try to give you some CSS code that should help.

    Best regards,
    Nikko

    #1258366

    Hi Niko! Thanks. What I added is:
    .sub-menu {
    max-width: 300px;
    }

    Thank you
    Chris

    #1258391

    Hi Chris,

    Thanks, it seems Autoptimize is giving me a hard time since it minifies and combines css.
    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
      ( to 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,
    Nikko

    #1258815

    Hi Nikko,
    see the link attached.
    Regards,
    Christoph

    #1259016

    Hi Christoph,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #top .av-main-nav ul ul {
        left: -440px;
    }

    Best regards,
    Rikard

    #1265497

    Hi! Ok, I added the code to css.
    But now see what happend. The last overlay is massiv too large and begins out of the screen. Word before cant be seen. You have a fix for that?

    Thank you
    Chris

    #1265694

    Hi,

    You have this CSS applying on the site:

    .av-main-nav ul {
        width: 150%;
    }

    Please try changing it to this instead:

    .av-main-nav ul {
        width: 300px;
    }

    Best regards,
    Rikard

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