Support » Fixing WordPress » Dropdown menus broken after migration.

  • Resolved robok

    (@robok)


    Hello, and thank you in advance!

    I recently migrated a site (it was a single site in its own WP environment) into a multisite network as a subsite.

    I ran into some minor database issues afterwards, but got them all fixed.. except for one.

    Now the site’s dropdown menus are not working. You can see what I mean by following the link clicking the dropdown menu titled “Links”.

    We do have a small amount of plugins enabled, and are using a custom theme, so I understand support may be limited (I will point out that these plugins are network-activated and not causing problems anywhere else). I’d be grateful to anyone that could clue me in on how to best troubleshoot this or what to look for to find the issue.

    Thanks!

    • This topic was modified 4 months ago by robok.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Little Package

    (@littlepackage)

    Hi @robok !

    Can you try deactivating your Twitter widget plugin and seeing if the dropdown works after?

    Little Package

    (@littlepackage)

    @robok
    I realize that won’t necessarily help but what I’m getting at is that if you have JS errors on the site, the dropdown menu (JS) can’t run. On various pages of your site, I find JS errors in the console. You’ll want to clear those all up to make your menu work (and indeed all your scripts work as expected).

    robok

    (@robok)

    Hey @littlepackage ! Thanks for the help!

    Just to clarify, are you talking about the Twitter portion under “Latest @NMSUGrants”?

    I don’t see any clear plugin installed that serves that content. I always assumed it was just embedded content from Twitter. If there is a plugin serving it, it’s likely one of our network active ones, so I cannot disable it at the moment.

    For the sake of broadening my knowledge, is there a particular reason that drew your attention?

    robok

    (@robok)

    @littlepackage Great, thanks for that info. It’s a start. I’ll start looking through the console for JS errors and see if I can correct them. 🙂 Thank you very much.

    JNashHawkins

    (@jnashhawkins)

    I took a different tack looking for your problem…

    You have nothing in your links menu item itself except a reference to an anchor (probably a non-existant anchor) so I did a search looking for anything that ‘smelled’ like ‘links’ pages and didn’t find anything except an empty page called ‘quick links’.

    I then looked at the site map and I didn’t see anything to populate a links page either.

    But looking at the sitemap I see child pages under a bunch of other menu entries. Did you double-check your menu settings themselves for child links under the menu items?

    That menu stuff may not have translated well when you migrated into the new multisite.

    That’s Dashboard –> Appearance –> Menus (when logged in as admin usually). There should be menu items under the links menu item for sure and possibly the other pages going by the sitemap.

    I also checked an earlier version of the site from last year via the Wayback Machine and that didn’t have a links page at all. And none of the menu items had drop-downs but looking at the sitemap from ‘that time’ I did see a similar hierarchy of pages that probably should be in menu drop-downs.

    Little Package

    (@littlepackage)

    @robok I see the “Links” item in the main nav menu and I understand it has one item (albeit a seemingly mock item, “menu-item-14791″) which is supposed to show when you hover on the links dropdown trigger (data-toggle=”dropdown”, Bootstrap JS). IMO the reason the dropdown isn’t working is you have JS errors (which do sometimes show in the console for various JS objects depending on which URL you visit). To repeat, I see the JS loaded which is supposed to operate the dropdown, I see the dropdown menu item, I see the “Links” item.

    So I took another look. Looks like you have a “responsive accordion and collapse” plugin. I think it might be called “Accordion FAQ”. It is loading Bootstrap JS again (your theme already loads it), which can break things. Could you try deactivating that plugin then see if the “Links” dropdown works? If you find that that plugin is indeed the culprit, you’ll want to take it up with the authors that it disturbs functioning of your theme.

    robok

    (@robok)

    Hey @jnashhawkins ,

    I created that menu (“Links”) just for testing purposes to get dropdowns working, so it’s not an actual menu that we’re trying to use. I agree it looks funky, but I created one that’s 100% identical on my development page and it works fine. Well, the dropdown portion works at least.

    The site is coming off a very old server and onto a nice and new one so they are just now gaining interest in using dropdowns, hence the old site having none.

    Anyway I greatly appreciate you taking the time to check it all out!

    robok

    (@robok)

    @littlepackage That was it! I disabled that plugin and the dropdown worked. I’ll contact the site owner and let them know about the conflict, as well as the devs if they decide they need that plugin.

    I really appreciate you taking the time. I have learned from this. I’ll need to figure out how to tell if there are duplicate bootstraps being handed out (I’m assuming that’s how you came to suspect that plugin). After that I’ll be one step closer to being good at this. 🙂

    Thank you again! If I come across anyone in need of the products similar to those on your website, I will be sure to recommend them!

    Little Package

    (@littlepackage)

    @robok

    Yay! The developer console in your browser is a great help when you’re learning to code. I ended up finding a page without a JS error, which caused me to put a break on the <a> around “Links” to see what scripts were running on it. I then found the two instances of Bootstrap.

    You might suggest to that plugin author that they provide the option to NOT load Bootstrap with their plugin, because for themes which load Bootstrap by default (major themes like Avada, for example) this can be instantly breaking. And super frustrating!

    I appreciate you took the time to learn a little about me, that’s really sweet of you, as is your offer. Happy learning!

    • This reply was modified 4 months ago by Little Package. Reason: encode html a tag to avoid entire post becoming "link" whoops
    • This reply was modified 4 months ago by Steve Stern.
    JNashHawkins

    (@jnashhawkins)

    I’m glad you and @littlepackage figured that out…

    These ‘double thread’ replies might help someone else troubleshoot a similar problem.

    robok

    (@robok)

    @littlepackage

    I will be sure to take some crash courses on the developer console! I’ve toyed with it a bit but it’s an alien language to some degree. I’m a Linux Sysadmin with pretty limited programming knowledge, but I’m working on learning more and learn best from guidance like yours, so thanks again! Hasta, take care!

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