Return to previous page

Problem with cart on mobile using woopress header 10

This topic has 4 replies, 2 voices, and was last updated 8 years, 1 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)