hannaleejewelry

On 7/18/2022 at 8:34 PM, tuanphan said:

Here from my end. What should it look like?

It looks like the code works for the mobile view from my desktop but it doesn't work when i view it from my phone. 

On 7/12/2022 at 2:50 AM, tuanphan said:

I don't see the code. Can you keep it? We can check easier

Yes! I added it back into the Custom CSS

On 5/31/2022 at 8:40 PM, tuanphan said:

Hi,

Add to Design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before {
    border-color: black !important;
}
    .pdp-layout .invisible {
    display: block !important;
    background-color: transparent;
}
}

 

Hey tuanphan,

This code seems to work in the edit mode but doesn't actually save to the final view of the live site. 

I can't seem to get my arrow background to turn transparent in the mobile view with this code. Is there a way to fix this? 

https://hannaleejewelry.com/shop/p/ne-dia01