Reply 346519 to: Hello, I’m trying to customize a category style that I thought was really cool in xstemos demos

Avatar: Rose Tyler
Rose Tyler
Support staff
February 9, 2023 at 13:35

Hello,

1/ @media only screen and (max-width: 768px) {
/* either hide extra price information block -> https://prnt.sc/8Rt_IGPzCBIn */
.etheme-sticky-cart .fswp_installments_price {
display: none;
}

/* or make scroll effect in section -> https://prnt.sc/9QwXKTd9n_CY */
.etheme-sticky-cart .et-wrap-columns {
overflow: auto;
}

.etheme-sticky-cart .et_column {
justify-content: flex-start;
}
}

2/
.related-products .content-product {
border: 1px solid #E5E5E5;
border-radius: 20px;
padding: 5px;
transition: all .3s linear;
}
.related-products .content-product .product-details {
padding-bottom: 15px;
}
/* if you want to add zoom effect on product’s hover */
.related-products .swiper-container {
padding: 16px 12px;
}
.related-products .product:hover .content-product {
-webkit-box-shadow: 0 0 7px 0 var(–et_dark-2-white-01);
box-shadow: 0 0 7px 0 var(–et_dark-2-white-01);
z-index: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}

Kind Regards,
8theme team

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.