This topic has 16 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow
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!
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.
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
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!
Details attached. Please let me know when done.
Many thanks,
R.
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.
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
Oh sorry…. completely forgot to give you the link…
Looks like they have CDN issues again. Sorry about that.
Sorry, am working on tablet now so can’t screen dump now
Finally back at PC… pics in private link!
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….
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
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…)
Hello,
You are welcome!
Yes, the same problem, for wishlist use
.et-wishlist-widget.ico-label-bottom .wishlist-count {letter-spacing: 0;}
Regards
Thanks Olga!
🙂
You are welcome!
Regards
The issue related to '‘Cart Number going wrong when scrolled down….’' has been successfully resolved, and the topic is now closed for further responses