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

41 0 4


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:



How looks on other android devices and ios:


Replies 0 (0)