Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Add option to use a single header HTML structure for both desktop and mobile

Aperta
  • Qualcosa non va?
#4,540 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
52/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
php, wordpress
Ambito
accessibility, frontend, performance, web-dev

Direzione di ricerca

Inizia tracciando le impostazioni di Header Builder Customizer e i punti di ingresso del rendering desktop/mobile. Confronta la capacità single-layout esistente di Footer Builder per identificare l'impostazione e il comportamento previsti. Il lavoro è completato quando il nuovo toggle mantiene il rendering separato per impostazione predefinita, emette condizionalmente un'unica struttura di header e mantiene il funzionamento del toggle mobile o del comportamento hamburger.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

customer report feature-request-triage

Impact: 75 · Confidence: 95 · Complexity: 75

Description

Problem

The Neve Header Builder currently outputs separate HTML nodes for the desktop and mobile header views, hiding the inactive view via CSS. This creates duplicated HTML elements (logos, navigation menus, buttons) which inflates the DOM size, affects page weight, and can create duplicate accessibility text/links for screen readers.

Desired Behavior

Provide a Customizer setting (e.g., "Use desktop header layout on mobile") that allows users to render only a single set of header HTML. When enabled, the theme should rely purely on responsive CSS to handle the transition to mobile layout, eliminating the secondary mobile-specific HTML wrapper entirely. This should mirror the capability currently available in the Neve Footer Builder.

Acceptance Criteria
  • Add a toggle in the Header Builder settings to apply the desktop layout/HTML to mobile devices.
  • When enabled, the builder conditionally skips rendering the mobile header wrapper and outputs only one unified header structure.
  • Ensure mobile toggle/hamburger behaviors continue to function seamlessly when inheriting the desktop header HTML.
  • Maintain current separate-node rendering as the default to ensure backwards compatibility for existing sites.

Customer Context

An intermediate-level pro user is requesting a way to prevent duplicate header DOM nodes to optimize page performance and SEO/accessibility metrics. They note the footer builder already allows using one layout across devices and they desire the same functionality for the header builder to reduce DOM complexity.

Root Cause Analysis

The root cause is an architectural decision in Neve's Header Builder to render specific DOM structures for distinct device views (Desktop vs. Mobile) to allow full flexibility in building completely different headers per device. While this enables high customizability, it forces users with simpler header designs to carry the performance penalty and accessibility confusion of duplicated DOM elements that are simply display-toggled via CSS. The gap is the lack of a capability to opt out of this device-split rendering in favor of a single, purely CSS-responsive DOM tree.

Reasoning

The customer has identified a legitimate optimization gap in the Neve Header Builder. Rendering separate HTML branches for desktop and mobile increases DOM size and can cause duplicate accessibility text or navigation links. The request to optionally mirror the desktop header HTML on mobile—relying on responsive CSS instead of duplicated nodes—is well-reasoned and aligns with performance best practices.

Source: HelpScout #3383993106
Generated by feature-request-triage workflow (ID: feature-request-triage_6a5349954b5fe5.70064094)

Lingua principale
PHP
Stelle
307
Fork
88
Merge medio
1g 6h
PR unite (30g)
10

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di Codeinwp/neve

Tutte le issue di Codeinwp/neve

Issue simili

Altre issue su PHP

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.