• amandaobriendesign

    (@amandaobriendesign)


    All of a sudden the dropdown menus stopped working on this website:
    https://northmetroderm.com/

    There use to be a dropdown with several items. It shows correctly on Mobile / Tablet (responsive versions) but not on the desktop version. Everything is correct on the backend under Appearance > Menus. I’ve tried adding a new menu, deleting current menu items and adding them back. Nothing is working. Unfortunately the theme is no longer supported so if there are any theme issues, please advise how to fix. Thanks!
    Any help is much appreciated!

Viewing 15 replies - 1 through 15 (of 15 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try deactivating all of your plugins to explore whether any could be responsible. If none are, keep all plugins deactivated and switch to the Twenty Fifteen/ Fourteen theme to see whether it could an issue with your theme.

    Thread Starter amandaobriendesign

    (@amandaobriendesign)

    I’ve unfortunately already deactivated all of my plugins one by one and none of them are the issue. Just switched it over to Twenty Fifteen and the sub menus seemed to work.

    If my theme developer doesn’t provide support anymore / literally got rid of the theme on their end – any suggestions to fix this issue?

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      #tiny li:hover ul {
          display: block;
          visibility: visible;
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    Thread Starter amandaobriendesign

    (@amandaobriendesign)

    OK! That worked for the 2nd level sub menus… but now all of the 3rd level drop downs are auto showing…

    So close! Any help with those? 🙂

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How is that 3rd level meant to be displayed?

    Thread Starter amandaobriendesign

    (@amandaobriendesign)

    Kind of like this: http://cssmenumaker.com/menu/opera-drop-down-menu

    Basically when you hover over the submenu item, the next menu drop down will pop out to the right of it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this code instead:

    #tiny li:hover > ul {
        display: block;
        visibility: visible;
    }
    
    #menu #tiny li ul ul {
        position: absolute;
        left: auto;
        right: -100%;
        z-index: 2;
    }

    Thread Starter amandaobriendesign

    (@amandaobriendesign)

    That worked! Thank you so much – you’re a life saver.

    Last question – I promise. 🙂 Is there a reason why only the drop down / sub menu when you hover over “Cosmetic” overlaps the main drop down? Thanks again!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Yea, this submenu has been set to have a wider width so that the words don’t wrap

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    (not my decision)

    Hi Andrew,
    my webiste : http://kali.enginecal.com/wp/

    I want to create 3 level sub menus. like sub menus will have sub menu.
    but I am unable to do it. Can you please suggest what can be done???

    thanks
    Smita:)

    Hello. I have an issue with my website and I need help with a few issues. On Dec 23.16 the site kisaepower.com suddenly crashed. I have contacted Justhost (my Host) and they restored the site to Dec 22 state. However, three issues are now apparent and they tell me its a Theme Enfold issue and to speak with the theme provider to fix them.

    They are:
    1. the Admin section and the On Page appearance is different. (Now there are only 3 columns in the Pages admin and the font sizing is much different.)
    2. The Pages submenu doesn’t include the CLONE feature on hover
    3. the on page admin has lost the right hand column MOVE TO TRASH (in red) feature among others that used to be there.

    The site is restored but these problems persist. Can you help fox this?

    sorry, fix

    I have been using twenty fourteen child theme without any mobile issues until recently. I’m not sure if the problem started with the latest WP upgrade.

    The mobile menu shows up on both Safari and Chrome on my iPhone 6, but it doesn’t open. My FAQ mobile experience also ceased to operate. I’ve tried deactivating and reactivating all plugins twice now, with no effect. I’ve also experienced issues with parts of my content not updating on the phone, but updating on a computer. (See WebCam Outdoor Activity Conditions–content still dated 12/12/16 vs 1/2/17. My site is smithrock.com

    The twenty fourteen demo mobile works on my phone.

    I tried adding the CSS plugin from a discussion above and this custom code and got a fatal error, so I deactivated it, and deleted it:

    If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:

    Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
    use its “CSS Code” section of the dashboard to hold your CSS modifications:
    (put this code in)
    #tiny li:hover ul {
    display: block;
    visibility: visible;
    }

    Hi, I also have this sub-menu issues.
    My website http://www.travelershub.com.my has main menus with drop down second level menus.
    I would like to add New sub menu into ASEAN (second level menu) but it is not displaying. I’ve tried to use Custom CSS but still no luck 🙁

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Sub Menu Items Not Working’ is closed to new replies.