Salve,

ho riscontrato un problema in modalità Responsive con gli oggetti inseriti nella HEADER.

1) Ho inserito un campo di ricerca (personalizzato da Google) in basso a destra, che in modalità DESKTOP viene visualizzato regolarmente (vedi foto qui sotto).

2) In modalità Responsive, l'immagine contenuta nella HEADER viene tagliata per adattarsi alla risoluzione impostata (vedi foto sotto).
In questo caso, il campo di ricerca non viene visualizzato, ma appare la barra di scorrimento in basso, perchè ufficialmente l'oggetto è solo spostato a destra.
Infatti l'oggetto rimane lì al suo posto e accessibile spostando la pagina a sinistra.

3) Questo, però, comporta un problema se la pagina viene visualizzata (per esempio) su alcuni modelli di cellulari (es: SAMSUNG S6), che, oltre al fatto di avere una pagina che si sposta anche lateralmente (che in modalità Responsive non è molto piacevole), premendo sul simbolo del Menù (raffigurato dalle 3 lineette), il menù a tendina si apre tutto a destra dove c'è il campo di ricerca.
Per accedervi bisogna ovviamente spostare la pagina a sinistra, ma una volta visualizzato si chiude in automatico senza avere la possibilità di fare "TAP" sulle voci di menù.
Inoltre, in modalità DESKTOP, sempre nella parte destra dell'HEADER, avrei voluto inserire anche l'oggetto che mi mostra il totale del carrello e un pulsante per accedervi, ma con questo problema...e un bel problema.

4) Per risolvere il problema ho dovuto spostare a sinistra il campo di ricerca, ma non era la soluzione che avrei voluto adottare.

Qualche suggerimento per risolvere il problema?

Grazie in anticipo!