Codice Css per rendere L'immagine con testo Responsive su mobile con il tema debut?

[Dam__Koi]

Ciao,

premetto che non sono un programmatore e non ci capisco molto di css/html, ho un problema con il tema debut con la parte di visualizzazione mobile del mio sito nella sezione immagine con testo con sovrapposizione del testo. Quando vedo l'immagine sul desktop la grandezza dell'immagine è perfetta, quando vedo l'immagine su mobile viene tagliata lasciando vedere solo la parte centrale, leggendo su internet e nel forum in inglese di shopify ho trovato molti che hanno avuto lo stesso problema, parlando di responsive, ratio, width ecc... ho cercato anche su internet per capire di cosa stessero parlando e più o meno ho colto il punto, comunque ho provato a seguire gli stessi suggerimenti che ho letto, ma non ha funzionato, forse ho sbagliato qualcosa, quindi vorrei chiedo a qualcuno se sa come risolvere questo problema.

Grazie mille

Allego due screen

desktop

mobile

[Erica]

Ciao @Dam__Koi!

Sono Erica, addetta alla Community qui a Shopify.

Quello che descrivi è un comportamento normale, e si verifica con le Gallerie di tutti i temi Shopify che utilizzano Hero Images (immagini a larghezza intera), come Venture, Boundless, Narrative, Brooklyn e Debut.

L'immagine dovrà essere tagliata ai lati per essere adattata alla versione mobile e adattarsi a uno schermo molto più piccolo, senza perdere definizione.

Quando si sceglie un'immagine bisognerebbe prendere in considerazione alcuni fattori:

• è meglio non utilizzare immagini che contengono testo, perché c'è il rischio di avere quel testo tagliato sui telefoni cellulari.
• Il fulcro d'interesse dell'immagine deve essere al centro, in modo che la parte più interessante sia mostrata sui telefoni cellulari.

Potrai trovare molte informazioni utili in questo documento.

Se non fossi soddisfatto, potresti eliminare quella sezione e aggiungere un'immagine semplice, alla quale non si applicano queste regole.
In alternativa, potresti prendere in considerazione due temi Shopify che utilizzano Gallerie semplici:

• Pop
• Supply

Fammi sapere se è tutto chiaro.
Buon lavoro!