Ciao a tutti,

devo ricreare la parte in alto della home page di questo sito (sfondo dei tre prodotti, testo sovrapposto, il tutto responsive):

http://eng.hifirose.com/index

Il problema che sto riscontrando con X5 Pro è quello che l'immagine di sfondo, ed il testo sopra l'immagine, non si ridimensionano alla stessa maniera di come avviene sul sito di riferimento.

Queste sono le operazioni che ho eseguito in X5 Pro:

1) Ho creato una riga blocco testo, e poi cliccato su "Estendi" per estenderla alla larghezza pagina;

2) Margini del blocco testo: Margine esterno alto +250px (resto "-"); Margine interno: 0 per tutti i lati;

3) Stile Righe:

- Sfondo: Immagine (ho caricato la stessa identica del sito di riferimento 1920x1300 pixel);
 
  Impostazioni
- Colore Sfondo: Black;
- Disposizione: 1- Non ripetere;
- Allineamento: 1 - Alto - sinistra;
- Opzioni: Estendi alla larghezza della finestra del browser

4) In Impostazioni - > Statistiche, SEO, Codici:

<style>
#imPageRowGraphics_1 {
background-size: 100% !important;
}
</style>

Con questo codice, faccio in modo che l'immagine di sfondo diventi "responsive", altrimenti verrebbe tagliata da X5 Pro, nel momento in cui ridimensiono la pagina.

Purtroppo, la stessa cosa non riesco a farla applicare per il testo del blocco testo, in cui ho inserito un testo composto da un H1, un H2 ed un corpo.

Sembra che il problema sia derivante dal fatto che X5 Pro utilizza la dimensione espressa in Pixel per i testi, e non riesce quindi a rendere responsive i testi stessi, riducendone automaticamente le dimensioni in maniera gradevole in base alla dimensione dello schermo dei dispositivi mobili (o, almeno, io non ci riesco a farlo...).

Sbaglio qualche cosa io oppure è un limite di X5 Pro?

Avete qualche suggerimento, per favore?

Grazie in anticipo!