Return to previous page

Cart Number going wrong when scrolled down….

This topic has 16 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Olga Barlow

  • Avatar: RR123
    RR123
    Participant
    October 6, 2016 at 19:29

    Hi there,

    I have just noticed that the items in cart number is going mad when I scroll down. I have made minor CSS changes, but nothing related to the cart. Plus I checked the calc’ed CSS that is rendered in Chrome and it is the same I think (except for the necessary visibility setting – all shown in the links):

    Happy when scrolled up to ‘normal’ header:
    https://anonm.gr/32cf.png
    https://anonm.gr/c260.png

    Number goes out of alignment when scrolled down and fixed header menu comes up:
    https://anonm.gr/2b67.png
    https://anonm.gr/832d.png

    Does this make sense? Can you help?

    Thanks again!

    #141851 Copied Theme version: 2.3 WooCommerce version: 2.6.4
    15 Answers
    Avatar: RR123
    RR123
    Participant
    October 6, 2016 at 20:04

    I should clarify, to be clear 🙂

    Scrolled up is fine – the cart number is aligned properly.

    Scrolled down is a problem – the cart number misaligns towards the left when the fixed header comes when scrolled down.

    #141855 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 7, 2016 at 14:43

    Hello,

    Links you provided don’t work. Could you, please, provide link to your site and temporary admin panel access in Private Content area and correct screenshot of your problem.

    Regards

    #141964 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 14:52

    Hi there,

    The image sharing site seems to have some sort of slow CDN issue at the moment. If you open and leave them to load they do seem to load eventually now. Might take longer than normal….

    I’m on the move on mobile just now, but can set up admin access soon. Will keep you posted. Please do look at the links I’d you can though, just in case it saves us both time.

    Thanks again!

    #141965 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 15:48

    Details attached. Please let me know when done.

    Many thanks,

    R.

    Please, contact administrator
    for this information.
    #141980 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 15:50

    The images do work now BTW. You just have to wait for them to load. Can take up to a minute. I guess they have a busy day… It was punchy yesterday.

    #141981 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 7, 2016 at 16:44

    Hello,

    And link to your site or admin panel, please. When we check the images always get http://prntscr.com/cr02cp
    You may use https://app.prntscr.com/en/index.html tool to make screenshots.

    Regards

    #141992 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 16:53

    Oh sorry…. completely forgot to give you the link…

    Looks like they have CDN issues again. Sorry about that.

    Please, contact administrator
    for this information.
    #141993 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 16:55

    Sorry, am working on tablet now so can’t screen dump now

    #141994 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 17:35

    Finally back at PC… pics in private link!

    Please, contact administrator
    for this information.
    #142001 Copied
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 19:23

    I am just messing around with it and I see the alignment problem depends on the digits of how many things are in the cart. But the issue is always one of being too left….

    #142010 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 10, 2016 at 10:07

    Hello,

    Problem is related to custom CSS you added http://prntscr.com/crzsks
    Add the following code to fix the issue

    .shopping-container.ico-design-3 .cart-bag .badge-number {
    letter-spacing: 1px;
}

    Regards

    #142096 Copied
    Avatar: RR123
    RR123
    Participant
    October 10, 2016 at 10:22

    Many thanks Olga – makes sense. You are a star!

    Which CSS would do the same for the wishlist in all scenarios? I just noticed that’s affected too and want to make sure I cover the correct classes…

    Thank you!

    (edited typos…)

    #142100 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 10, 2016 at 10:34

    Hello,

    You are welcome!
    Yes, the same problem, for wishlist use
    .et-wishlist-widget.ico-label-bottom .wishlist-count {letter-spacing: 0;}

    Regards

    #142108 Copied
    Avatar: RR123
    RR123
    Participant
    October 10, 2016 at 10:41

    Thanks Olga!

    🙂

    #142110 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    October 10, 2016 at 10:49

    You are welcome!

    Regards

    #142112 Copied
  • Viewing 16 results - 1 through 16 (of 16 total)

The issue related to '‘Cart Number going wrong when scrolled down….’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce 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.