Return to previous page

Responsive Behaviour for Persistent Cart Summary

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

tara.hagemann@m45.com

Participant

July 5, 2017 at 21:08

A customer reported difficulty trying to get to the checkout when we first launched the site, and I filed it for a bit to address other responsive display issues I introduced when I customized your otherwise fine theme.

When the browser width drops below, say, 700px or so, the cart summary at the top right of each page becomes centered. That’s fine. It also seems to work in the same fashion as the full desktop version.

When the width drops below ~600px, it then no longer seems to function, except as a hyperlink on the word “CART.” That’s counterintuitive, because the gray triangle at the right encourages interaction. (In your default color scheme, there’s no visual indication that “CART” is indeed a hyperlink.)

Is it broken? Am I best off hiding that little triangle?

You’ll note that this behaviour is present in the theme out of the box, as well as your demo: http://www.responsinator.com/?url=8theme.com%2Fdemo%2Fxmarket-wo

BTW, thank you so much for the WC 3.0-compatible xmarket update. It worked swimmingly. Separately, their new Woocommerce 3.1.0 plugin update is causing some status conflicts when I run that on our staging server:
1. xmarket/woocommerce/cart/cart.php version 3.0.3 is out of date. The core version is 3.1.0,
2. xmarket/woocommerce/cart/mini-cart.php version 2.5.0 is out of date. The core version is 3.1.0,
3. xmarket/woocommerce/single-product/product-image.php version 3.0.2 is out of date. The core version is 3.1.0,
4. xmarket/woocommerce/single-product/product-thumbnails.php version 3.0.2 is out of date. The core version is 3.1.0

#167168 Copied Theme version: 2.3 WooCommerce version: 3.0

3 Answers
Rose Tyler

Support staff

July 6, 2017 at 13:33
Hello,

Thanks for using our theme!
You are right, please add this code in custom css to remove the triangle:
```
@media only screen and (max-width: 640px) {
#top-cart {
    background-image: none;
}
}
```
The new theme version will be compatible with the latest woocommerce version. Please do not update WC plugin until release the theme update.

Regards,
Rose Tyler.
#167233 Copied
tara.hagemann@m45.com

Participant

July 7, 2017 at 21:50

Thanks, Rose. That CSS did the trick, with the addition of a little !important. You may close this post.

If you have a moment, I did have a follow-up on the theme update release. How will I know when it’s available? I don’t remember seeing it pushed through the WordPress admin for the 3.0 update; I had to follow the download link in a knowledge base question at your support website.

Then, it still showed the old version number, so it was hard to tell which was which after I backed up the old theme.

Xmarket – Responsive WordPress ThemeVersion: 2.2.1

#167366 Copied

Rose Tyler

Support staff

July 10, 2017 at 10:56

Hello,

You’re welcome!
Sorry, seems we didn’t change the version number in style.css file.

Regards,
Rose Tyler.

#167476 Copied
Viewing 4 results - 1 through 4 (of 4 total)