Return to previous page

Adding items to cart in header on mobile issue

This topic has 12 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Robert Hall

Jimbo

Participant

February 9, 2015 at 14:48

Hi,

I have an issue that when adding items to the cart the shopping basket won’t show them on a mobile in portrait mode? Normally it would say 1 item in a circle above the basket icon in the header?

Is this an issue with height or just media query?

This does this on your live preview.

#40543 Copied

11 Answers

Eva Kemp

Support staff

February 9, 2015 at 16:30

Hello,

Please provide us with a site url and wp-admin panel credentials in Private Content to check the issue.

Thank you.
Regards,
Eva Kemp.

#40595 Copied

Jimbo

Participant

February 9, 2015 at 16:52

Hi I cant give you login details as I am currently have the theme installed locally not a main server.

If you check your live preview you will see it does not have the grey circle in portrait mode so wont show the customer the added item to the basket in the header.

#40609 Copied

Jimbo

Participant

February 9, 2015 at 17:22

here is the basket in the header when it is in landscape mode

and here when on mobile in portrait mode

as you can see for some reason it wont show the item numbers in the basket on a mobile in portrait mode.

#40612 Copied

Jimbo

Participant

February 9, 2015 at 18:08

Whilst on the subject of the shopping cart bag, can this be changed from red to another colour or do you have to change the image, I see the shopping bag uses a sprite .png image

thanks in advance

#40627 Copied
Robert Hall

Support staff

February 9, 2015 at 18:14
Hello,

1) Please add this code into custom.css file.
```
@media only screen and (max-width: 480px){
.badge-number {
 display: block; 
}}
```
2) To change the image you need add following code into custom.css file.
```
.ico-sum{
background-image: url(here is link to your image);
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#40632 Copied
Jimbo

Participant

February 9, 2015 at 18:20

thank you Robert, I will do this and report back and once everything is ok you will then be able to mark as resolved.

Thanks, you guys do really well on this support forum 🙂

#40638 Copied

Robert Hall

Support staff

February 9, 2015 at 18:25

You’re welcome!
If you have any questions please feel free to contact us.

Regards,
Robert Hall.

#40642 Copied

Jimbo

Participant

February 9, 2015 at 18:28

Robert the shopping basket (added items on smaller screens works! … thanks!

With regards to changing the shopping bag image, can any of the other images be used which are included with the theme which can be used with the visual editor?

#40644 Copied

Eva Kemp

Support staff

February 9, 2015 at 18:59

Hello,

Sorry, but there are no other images for shopping cart. You can replace it with a link to your own image.

Thank you.
Regards,
Eva Kemp.

#40657 Copied

Jimbo

Participant

February 9, 2015 at 19:12

ok thanks

#40662 Copied

Robert Hall

Support staff

February 9, 2015 at 19:14

You’re welcome!

Regards,
Robert Hall.

#40664 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Adding items to cart in header on mobile issue’' has been successfully resolved, and the topic is now closed for further responses

Adding items to cart in header on mobile issue

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection