DropDown Menu Not Working On 1 Page

[lbongiovanni]

My menu is working perfectly on the entire site, but not on one of my pages. I’ve disabled all of my plugins and removed all custom javascript, but it’s still not working properly. Can you help me figure out how to get it to work?

The page in question is: https://new.fluentstream.com/pricing/

[Prasant]

Hello @lbongiovanni,

Thanks for writing in!

Please try out the solution shared in following thread and let us know the outcome:

Dropdown not working properly

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

[lbongiovanni]

Thank you for the help, but that my Content Scrolling was already set to Off. I’ll send you credentials securely so that you can take a look.

[lely]

Hi @lbongiovanni,

Can you double check your site? It is not loading here for me. It says cannot be reached and the got this error

[lbongiovanni]

That’s really weird. Google doesn’t show any unsafe content.

https://transparencyreport.google.com/safe-browsing/search?url=https:%2F%2Fnew.fluentstream.com%2F

Can you try this again? https://new.fluentstream.com/

[ruenel]

Hello @lbongiovanni,

I have loaded your site. You are experiencing the issue because in the pricing page, you inserted a custom css within Cornerstone like this:

@media (min-width:640px){
    ul{
        display:none;
    }
    td,th{
        display:table-cell !important;
    }
    td:first-child,th:first-child{
        width:250px;
    }
    td,th{
        width:330px;
    }
    td+td,th+th{
        width:auto;
    }
}

The ul were hidden which is why the submenus in not visible. To resolve this, you need to update the code into this:

@media (min-width:640px){
    .entry-content ul{
        display:none;
    }
    td,th{
        display:table-cell !important;
    }
    td:first-child,th:first-child{
        width:250px;
    }
    td,th{
        width:330px;
    }
    td+td,th+th{
        width:auto;
    }
}

It needs .entry-content ul to make sure that only the ul inside the page content will be affected and not the menu or anywhere on the page.

Hope this helps. Please let us know how it goes.