My menu items non-functional in Pro theme plus, where is support here?

Support
#1

My url is https://laurenannmarketing.com, the mobile version of my menu doesn’t work. I have anchors (ID’s) set to scroll down to different sections of the page. Works like you would expect WordPress to work in desktop, but the mobile menu does NOT. So odd this theme requires you to do EVERYTHING separate (mobile vs desktop etc).

We paid for this license and I am, so far, very disappointed with the over-all complexity versus lack of quality features in this theme.

Have done ALL the usual WP troubleshooting. Have added the necessary anchor links to the section and in the menu. Mobile just NOT functioning like any other theme normally would.

Need help

#2

Hey Lauren,

Thanks for reaching out!

Since the issue still persists after doing all the troubleshooting. To investigate further on your issue, we need to have an access to your website and please make sure that the credentials are working properly.

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts.

secure-note
secure-note1040×250 15.3 KB

Thank you.

#3

Let me know how I can share those privately

#4

Hi there,

Are you available now?

#6

Hi there,

I’ve created a user/password for you.

#7

Hey Lauren,

Upon reviewing your website, it has come to my attention that you have implemented multiple identical IDs within each section. Although these IDs are hidden during specific breakpoints, they still exist within the Document Object Model (DOM) structure. According to the HTML specification, the ID attribute is intended to be unique within a single HTML document. Consequently, it is essential that each ID value appears only once on a page. Having multiple elements with the same ID can lead to unexpected behavior and is considered invalid HTML.

For instance, I tested the removal of the Desktop and Laptop section from your homepage and found that the mobile version worked correctly and without issues.

To address this matter, I suggest implementing the following solution:

  1. Ensure that each page contains only one ID. As such, you need to replace the IDs for the laptop and mobile sections with unique values, distinct from one another.
  2. Create three menus specifically tailored for desktop, laptop, and mobile views. Include three menu elements within your header builder and apply the hide during breakpoint functionality, similar to what you have implemented on the homepage.

By following these recommendations, you can rectify the issue and establish a proper structure for your website, adhering to HTML standards and ensuring consistent functionality across different devices.

Hope that helps.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.