Mobile menu duplicated

  • Douglas

    (@douglasivanauskas)


    1 year, 4 months ago

    Hello,

    I am having issues with the mobile menu.

    I found out that “[aria-*] attributes do not match their roles.“

    In other words, there’s a “hidden” drop-down menu toggle on the left side of the header in the mobile version (see screenshot below), duplicating the menu, which is impacting my website’s performance.

    View post on imgur.com

    The regular drop down menu is already on the RIGHT side of the header as you can see.

    How can I leave just the right side menu enabled?

    Thanks.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Rohit

    (@rohitkc32)

    1 year, 4 months ago

    Hi @douglasivanauskas,

    While checking the mobile menu on our end, we couldn’t find duplicate toggle menu. Could you kindly let us know which version of ColorMag theme you are using? Also, make sure to use the latest version of the theme.

    Do let us know and we will get back to you.
    Regards!

    Thread Starter Douglas

    (@douglasivanauskas)

    1 year, 4 months ago

    Hello @rohitkc32 Rohi

    I am using the free version 4.0.10.

    Did you try to touch right next to the home icon (house) using a smartphone?

    Thanks,

    Douglas.

    Rohit

    (@rohitkc32)

    1 year, 4 months ago

    Hi @douglasivanauskas,

    Yes, I can see that you have two mobile menu, however on my local environment, we couldn’t find any such issues. If you are using the latest version of the theme, I suggest you enable the Header Builder. To enable it, WordPress Dashboard > Appearance > Customize > Header & Navigation and enable the Header Builder, this should fix the issue.

    Also, make sure to backup your site, before enablign the header builder.

    Let me knwo if it helps or not, and I will get back to you.
    Regards!

    Thread Starter Douglas

    (@douglasivanauskas)

    1 year, 4 months ago

    @rohitkc32 hello again.

    Ok, here’s the issue. I had added a CSS code about a year ago to put the mobile/tablet menu icon (the three white lines) to the right side of the screen as you can see in my first image here in this chat.

    However, for some reason, when moving the icon to the right, the left one continued activated BUT hidden.

    In conclusion. Since it’s a change I’ve made, there’s no issue with the theme or the mobile menu itself.

    Before I mark this chat as resolved, would it be possible to move the menu icon to the right side somehow instead of using a CSS code in the free ColorMag version?

    Thanks.

    Rohit

    (@rohitkc32)

    1 year, 4 months ago

    Hi @douglasivanauskas.

    I found the CSS you mentioned, you can add this CSS as well, to move the toggle-menu to the right:
    .cm-header .cm-menu-toggle{
    position: absolute;
    right: 10px;
    }

    Let me know if it helps or not, and I will get back to you.
    Regards!

    Thread Starter Douglas

    (@douglasivanauskas)

    1 year, 4 months ago

    Excelent @rohitkc32 that worked!

    I appreciate your help again!

    Best regards.

    Rohit

    (@rohitkc32)

    1 year, 4 months ago

    Glad I could help you. I hope you’ve been enjoying our product/service! We value your opinion and would appreciate it if you could take a few minutes to leave a review of your experience.

    For this, Please click on this link https://ww.wp.xz.cn/support/theme/colormag/reviews and share your thoughts about our support and the theme.

    Your feedback helps us improve our product/service and lets others know what to expect when they choose us. Looking forward to hearing your thoughts!

    Regards!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Mobile menu duplicated’ is closed to new replies.