Different view on collection (editor & real mobile device)?

Atsimataves
Excursionist
41 0 4

Hello,

Maybe you know why this code works in the editor and a small part of android, but not on ios devices? The code I used is this:

.collection-list .card > .card__content {
position: absolute;
top: 85%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
text-decoration: underline;
text-decoration-offset: 0.5em; /* Pakeiskite šį skaičių pagal savo poreikius */
text-underline-offset: 0.5em; /* Alternatyva, kuri gali veikti kai kuriuose naršyklės */
color: white;
border: 0px solid white;
width: max-content;
padding: 0 2rem;
}

.collection-list h3.card__heading {
color: white;
}

.collection-list .card__heading > a > span.icon-wrap {
display: none;
}

 

My website: amberound.com

 

How looks on editor and my android:

editor.JPG

 

How looks on other android devices and ios:

received_1266731958053661.jpeg

Replies 0 (0)