FROM CACHE - it_header
Questa community è passata all’assistenza peer-to-peer e non riceverà più supporto dall’assistenza Shopify. Ti invitiamo a metterti in contatto con altri merchant e partner per chiedere assistenza e condividere le esperienze. Continua a segnalare eventuali contenuti che vanno contro il nostro Codice di condotta o che vorresti fossero rimossi.

Rif.: Allineamento DIV su Mobile

Allineamento DIV su Mobile

Eugenio76
Visitatore
2 0 0

Salve a tutti!

Ho bisogno di allineare su mobile (in senso verticale) il CUSTOM LIQUID presente in questo sito:

www.european-culture.it

In altre parole vorrei che la sezione OUTLET andasse sopra a BASIC COLLECTION nel momento in cui la homepage fosse visitata da un dispositivo Mobile. 

Grazie in anticipo a tutti per le gentili risposte!

Ciao!

Eugenio

1 RISPOSTA 1

Eugenio76
Visitatore
2 0 0

Per completezza segnalo il codice aggiuntivo:

<div class="white-bg custom-section-nopadding">
<div class="container- container-fw">
<div class="flex-grid mobile-flex-grid two-card-grid fw-box-items" style="width:100%">
<a href="collections/outlet" class="grid_item one-half season-box box-light fw-box-item" style="background-image: url(https://cdn.shopify.com/s/files/1/0555/4660/9940/files/outlet.jpg?v=1674833427);">
<picture href="#" class="box-pic-ratio"><img src="https://cdn.shopify.com/s/files/1/0555/4660/9940/files/outlet.jpg?v=1674833427" width="100%"></picture>
<div class="box-content box-fw">
<div class="top-content">&nbsp;</div>
<h2 href="#" class="valign-center box-title">Outlet</h2>
<div href="#" class="valign-bottom season-cta button-link motion-reduce">Buy Now</div>
</div>
</a>
<a href="collections/basic" class="grid_item one-half season-box box-light fw-box-item" style="background-image: url(https://cdn.shopify.com/s/files/1/0555/4660/9940/files/basic2.jpg?v=1674833427);">
<picture href="#" class="box-pic-ratio"><img src="https://cdn.shopify.com/s/files/1/0555/4660/9940/files/basic2.jpg?v=1674833427" width="100%"></picture>
<div class="box-content box-fw">
<div class="top-content">&nbsp;</div>
<h2 href="#" class="valign-center box-title">Basic Collection</h2>
<div href="#" class="valign-bottom season-cta button-link motion-reduce">Buy Now</div>
</div>
</a>
</div>
</div>
</div>
<div class="white-bg custom-section-nopadding">
<div class="container- container-fw">
<div class="flex-grid mobile-flex-grid two-card-grid fw-box-items" style="width:100%">
<a href="#" class="grid_item one-half season-box box-light fw-box-item" style="background-image: url(https://cdn.shopify.com/s/files/1/0555/4660/9940/files/specialprojects.jpg?v=1674833428);">
<picture href="#" class="box-pic-ratio"><img src="https://cdn.shopify.com/s/files/1/0555/4660/9940/files/specialprojects.jpg?v=1674833428" width="100%"></picture>
<div class="box-content box-fw box-fw-half box-fw-move-right">
<div class="top-content">&nbsp;</div>
<div class="">
<h2 href="#" class="valign-center box-title">Special Products</h2>
<h3 href="#" class="valign-center box-subtitle">A special project by David Peppicelli</h3>
</div>
<div href="#" class="valign-bottom season-cta button-link motion-reduce">Coming Soon</div>
</div>
</a>
</div>
</div>
</div>