duplicated menu adds 510 rows of code!

  • Resolved salvatore1986

    (@salvatore1986)


    1 year, 10 months ago

    Due to an huge DOM output in pagespeed, I’ve added a plugin to check it and I’ve found that I have two identical menu into the source code of my website, one for desktop and one for mobile, each one with 510 descendants! Why the theme loads both menus, instead of loading one in the desktop version, and one in the mobile one? thanks a lot

    NAV.header–row header-main hide-on-mobile hide-on-tablet layout-full-contained nv-navbar has-center header–row: 516 elements

    DIV#header-menu-sidebar.header-menu-sidebar tcb menu-sidebar-panel full_canvas hfg-pe: 510 elements

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

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

  • Hi @salvatore1986,

    Thanks for choosing Neve!

    The desktop and mobile menus have different components, so they are treated as different components and are both loaded on the page, only one of them being displayed, depending on the device. It is more efficient this way than checking on each page load the width of the viewport and loading the menu based on that, since that would require a lot more CSS and JS code which will affect the page load.

    Have a nice day!

    AC

    (@purplecodes)

    Themeisle Support

    Hi @salvatore1986,

    It’s been a while since we have heard from you. We will now be closing this thread if the issue has already been resolved. Kindly open a new thread if you have other questions or concerns.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘duplicated menu adds 510 rows of code!’ is closed to new replies.

Tags