Responsive nel core, non nel tema: come Element Node gestisce il mobile
Le colonne si impilano da sole sotto i 768px, i titoli si ridimensionano, e ogni colonna può fare opt-out o nascondersi per dispositivo. Senza media query scritte a mano.
La maggior parte dei page builder tratta il mobile come un ripensamento: costruisci il layout desktop, poi passi ore a sistemare le versioni tablet e telefono breakpoint per breakpoint. Element Node fa una scelta diversa: il comportamento responsive vive nel motore di rendering, non nelle impostazioni di ogni singolo elemento.
Il default giusto
Sotto i 768px, senza che tu faccia nulla:
- Le colonne di ogni sezione si impilano verticalmente, nell'ordine in cui le hai disposte
- I titoli si ridimensionano con una scala fluida, senza tagli né overflow
- Le sezioni adattano il padding ai bordi dello schermo
- Le immagini non escono mai dal contenitore
Questo copre il 90% dei casi senza aprire un solo pannello. Un sito costruito per desktop è già leggibile su telefono.
Il controllo quando serve
Per l'altro 10% ci sono tre leve per colonna:
- Larghezza mobile personalizzata: una colonna può mantenere una larghezza parziale invece di andare a tutta larghezza — utile per loghi affiancati o griglie di icone che devono restare 2×2
- Nascondi su mobile: elementi decorativi pesanti che su telefono non servono
- Nascondi su desktop: contenuti pensati solo per il telefono, come un pulsante "chiama ora"
Perché nel core e non nel tema
Quando il responsive sta nel motore, ogni sito e ogni widget futuro lo eredita gratis, e gli aggiornamenti lo migliorano per tutti retroattivamente. Quando sta nel tema o nelle impostazioni del singolo widget, ogni pagina è un caso a sé — ed è così che i siti si rompono su telefono un widget alla volta.