Edit File - File Manager

Edit File: responsive.less

/* ==========================================================================
Buy together Responsive
========================================================================== */

/* Responsive: Tablet and phone
========================================================================== */

@media (max-width: 979px) {
    .ty-buy-together__products {
        white-space: normal;
    }
    .ty-buy-together__product {
        width: 175px;
    }
}
/* Responsive: Landscape phone to desktop/tablet
========================================================================== */

@media (max-width: 767px) {
    .ty-buy-together__product {
        display: block;
        margin: 0;
        width: 100%;
    }
    .ty-buy-together__plus {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .ty-buy-together-notification__item {
        margin-left: 0px;
    }
    .ty-buy-together-notification__item-link {
        max-width: 80%;
    }
    .ty-product-notification__price {
        margin-left: 0px;
    }
    .ty-product-notification__body ul ul {
        margin-left: 20px;
    }
    .ty-buy-together-notification__items .ty-product-notification__body .ty-product-options__info {
        margin-top: 0px;
    }
    .ty-buy-together-notification__items .ty-buy-together-notification__items .ty-buy-together-notification__item {
        padding-left: 20px;
    }
    .ty-buy-together-popup .ty-table__responsive-content {
        float: left;
        width: 50%;
    }
    .ty-buy-together-popup .ty-table__responsive-header {
        width: 35%;
    }
    .ty-buy-together-box .ty-product-variant-image {
        margin-left: 0px;
    }
    .ty-buy-together-box {
        min-width: 100px;
    }
}
/* /Buy together responsive */

Back to File Manager