Return to previous page

Adding items to cart in header on mobile issue

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

  • Avatar: Jimbo
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: Jimbo
    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
    Avatar: Jimbo
    Jimbo
    Participant
    February 9, 2015 at 17:22

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

    basket 1

    and here when on mobile in portrait mode

    basket 2

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

    #40612 Copied
    Avatar: Jimbo
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: Jimbo
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: Jimbo
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: Jimbo
    Jimbo
    Participant
    February 9, 2015 at 19:12

    ok thanks

    #40662 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.