Cart Number going wrong when scrolled down….

This topic has 16 replies, 2 voices, and was last updated 7 years, 5 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!

    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.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

    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!

    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.
    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.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

    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.
    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 16:55

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

    Avatar: RR123
    RR123
    Participant
    October 7, 2016 at 17:35

    Finally back at PC… pics in private link!

    Please, contact administrator
    for this information.
    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….

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

    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…)

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

    Avatar: RR123
    RR123
    Participant
    October 10, 2016 at 10:41

    Thanks Olga!

    🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 10, 2016 at 10:49

    You are welcome!

    Regards

  • 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

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