Return to previous page

Problem with cart on mobile using woopress header 10

This topic has 4 replies, 2 voices, and was last updated 7 years, 11 months ago ago by Rose Tyler

northplanet

Participant

January 16, 2017 at 18:00

We have built a website for our client @ https://secure-products.co.uk/ as you can see in the image the cart does not display properly on any mobile device, when using woopress header 10. I can provide login details or please can you create a fix for this.

#152044 Copied Theme version: 2.9.2 WooCommerce version: 2.6.12

3 Answers
Rose Tyler

Support staff

January 17, 2017 at 08:32
Hello,

Try to add this code in Global Custom CSS:
```
@media only screen and (max-width: 1200px){
    .shopping-cart-widget .cart-summ .shop-text, .shopping-cart-widget .cart-summ .total, .header-type-18 .navbar-right .navbar-right .shop-text {
        font-size: 14px;
    }
    .shopping-cart-widget {
        background-color: transparent;
        padding: 0;
    }
    .shopping-container {
        margin-top: 20px;
    }
}
```
and this in Custom CSS for mobile:
```
.shopping-cart-widget .cart-summ .shop-text {
        font-size: 0;
 }
```
Regards,
Rose Tyler.
#152070 Copied
northplanet

Participant

January 20, 2017 at 15:09

Hi Rose,

Yes we that did work but its not the best I want it to look more like this

#152594 Copied Theme version: 2.9.2 WooCommerce version: 2.6.12
Rose Tyler

Support staff

January 20, 2017 at 15:21
Hello,

Please, and this in Custom CSS for mobile:
```
.header-logo {
    margin-left: -5%;
}
.shopping-cart-widget {
    padding: 6px 0 3px 3px;
}
.shopping-container {
    margin-top: 12px;
}
.navbar-right {
    width: 88px;
}
```
Regards,
Rose Tyler.
#152595 Copied
Tagged: cart, header 10, mobile, problem, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)