HTML Structure Desktop and Mobile

  • emmeerreci

    (@emmeerreci)


    11 months, 3 weeks ago

    Hello,

    I am currently managing the development of a new WordPress website using the Astra theme. I have noticed that the Astra theme generates DOM bloat since in the source code and in the rendered code of the HTML document both the desktop header and the mobile header are loaded: although the headers are visually hidden depending on the user’s device (using display:none) the page weight is heavier since is duplicating the whole HTML structure, doubling the number of links of the navigational menu.

    I would like to know if Max Mega Menu would allow me to create a single HTML menu to handle the visibility not by hiding the elements but through media queries and CSS so I can use a single and unique HTML menu for desktop and mobile reducing the size of the HTML document and of the DOM.

    Could you please help me to understand if Max Mega Menu could help me to reach my goal?

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Support megatom

    (@megatom)

    11 months, 3 weeks ago

    Hi emmeerreci,

    MMM won’t be able to control how a theme outputs it’s header (which contains the call to our menu), so that would be a question to ask Astra. If you find a theme which only outputs the header/menu once, our menu will automatically switch between desktop and mobile with the same dom structure (just using media queries to alter the style based on the width of the screen).

    Regards,
    Tom

Viewing 1 replies (of 1 total)

The topic ‘HTML Structure Desktop and Mobile’ is closed to new replies.