Mobile-Only Navigation Link Errors

Hello,

We are currently experiencing an issue with our navigation on mobile. Our links are not going to the correct product pages, but instead are going to either an incorrect product page, or diverting to our careers page.

There have not been any changes to our link structure nor our nav elements. Additionally, the desktop version is still showing accurately and I do not believe we are utilizing a different link structure for each platform.

Additionally, when we preview the link on an IPhone, the link is showing correctly, but if we simply click on it, it’s taking us to a different page.

Any thoughts on what could be causing the discrepancy on mobile?

Hi,

Can you share a link to the page you need help with, so I can check it directly?

Regards,
Kharis
aThemes Support

No problem, here is our website URL: https://columbusbrewing.com/

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      .main-navigation .children,
      .main-navigation ul ul {
        top: unset !important;
      	left: unset !important;
        height: auto !important;
        background-color: transparent !important;
      }
    }

Regards,
Kharis
aThemes Support

1 Like

That worked, thanks for your help! Very much appreciate it.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support