Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #895188

    Good Morning,

    I have a small issue regarding my dropdown menu, that I can’t fix myself

    As we have quite many submenu in the main menu “Vermietung”, the sub-submenus of the 3 last submenus* are not displayed by mouseover on smaller screen such as laptops, iMac etc. I would like these, when operating my mouseover on the submenus*, to be displayed from the bottom to the top (a “drophigh” :) ) instead of a standard dropdown from top to bottom.

    I give you the link so you can have a clearer insight

    Thanks for your help

    #895204

    Hey Deperdry,
    Please go to your menus, and at the top of your screen you will see “screen options” which will give a options menu, check the box for “CSS Classes”
    Then go to the 3 sub menus and add 3 different classes like “dropup1″,”dropup2″,”dropup3”
    2018-01-09_051731
    Please let us know when this is done, so we can test further, the goal is to try code such as:

    #top .av-main-nav ul ul.dropup1 {
        top: -270px!important;
    }

    Please don’t add this code yet, it may need adjusting.
    Please post us your login credentials (in the “private data” field), should we need to take a look at your backend to adjust further.

    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 wordpress@kriesi.at ), 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 a admin user and post the login credentials in the “private data” field.

    Best regards,
    Mike

    #896133

    Hi Mike,

    thanks for your reply ! I used your coding which worked but not completly as the menus were removed to the top but I still had a white column corresponding to the old space of the links

    And I finally found the solution looking at older posts that I adapted as followed

    #top .av-main-nav ul ul li.dropup1 {
    position: relative !important;
    margin-top: -266px !important;
    }

    #top .av-main-nav ul ul li.dropup2 {
    position: relative !important;
    margin-top: -228px !important;
    }

    etc…

    and it works !

    Thank you again :)
    Julien

    • This reply was modified 7 years, 5 months ago by Deperdry.
    #896156

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Submenu dropdown alignment’ is closed to new replies.