Mobile Sub-menu doesn't work

Support
#1

Hi,
I have a website with the X Theme (tmiaquatics.com) when I try to access the site from mobile devices, the collapsible mobile menu doesn’t show the sub menus, the ones that has a downward arrow on. I need help. Thanks

#2

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#3

I provided the URL in my first message. It seems like you MISSED IT. But here it is again: tmiaquatics.com.

“Hi,
I have a website with the X Theme (tmiaquatics.com) when I try to access the site from mobile devices, the collapsible mobile menu doesn’t show the sub menus, the ones that has a downward arrow on. I need help. Thanks”

#4

Hi,

I can see javascripts errors in the console.

Can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#5

I tried. Did not solve my issue. The mobile menus on tmiaquatics.com don’t display the dropdown sections. I need your help to fix it.

#6

Hi there,

I checked your setup and you’re using an old version of X theme with the updated version of Cornerstone. Always make to update both X and Cornerstone to avoid such conflicts. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

#7

Well, I updated it and I am still having the same issue. So basically it’s not plugin causing it, not the update that is missing. Now what is next? Let’s blame the host? I really need this fixed because people are trying to access our website from mobile devices and the menu won’t work. Will you please try to access tmiaquatics.com from a mobile device and see?

#8

Hi again,

I checked your setup and the issue you’re having is due a custom CSS you’ve added in your Customizer:

.masthead-inline .x-navbar .sub-menu {
    left: -50%;
    position: absolute;
    margin-top: 60px;
    z-index: 2000;
}

Please find and remove the above CSS to fix the issue.

Cheers!

#9

Now, that fixed the problem. I have no idea what that custom CSS did, but for some reason we needed it. I removed it and it’s working now. I just hope everything else now will work. Thanks!!!

#10

Glad we could help.

Cheers!