Topic: Number of columns and responsive

Hello,

Do you mean columns on Shop page?
Please show a screenshot what you want to achieve.

Thank you.

Best regards,
Jack Richardson.

Hello,

Please use this code in 8Theme Options > Typography > Custom CSS > Global Custom CSS:

.fixNav-enabled .fixed-active .cart-design-2.design-white .cart-bag:before, .fixNav-enabled .fixed-active .cart-design-2.design-white .cart-bag .badge-number  {
    border-color: white;
}
.fixNav-enabled .fixed-active .cart-design-2.design-white .cart-bag .badge-number:before {
    box-shadow: 0px 0px 0px 35px #FFF inset !important;
}
.fixNav-enabled .fixed-active .cart-design-2.design-white .cart-bag .badge-number {
    color: #3D3D3D !important;
}

Regards,
Eva Kemp.

Hello,

Use this code in Custom CSS:

@media (max-width: 992px) {.cart-design-2 .shopping-cart-widget .cart-bag::before {
   border: 2px solid white;
}
.cart-design-2 .shopping-cart-widget .cart-bag .badge-number::before {
    box-shadow: 0px 0px 0px 35px white inset;}
.cart-design-2 .shopping-cart-widget .cart-bag .badge-number {
    background-color: #FFF;
    color: #3D3D3D;
}}

Regards,
Eva Kemp.

Hello,

As I see you’ve added this code in child style.css:

.content.main-products-loop.col-md-12 {
    margin-top: -120px !important;
}

Remove it or edit it to

@media (max-width: 1200px) {.content.main-products-loop.col-md-12 {
    margin-top: -120px !important;
}}

and check the site then.

Regards,
Eva Kemp.