Return to previous page

Alignment of info icons and cart numbers

This topic has 16 replies, 2 voices, and was last updated 7 years, 10 months ago ago by 8theme

RR123

Participant

January 3, 2017 at 18:30

Hi there,

Happy New Year to All!

We have just noticed a CSS problem that has arisen that had been fixed before (plus an extra similar phenomenon). We had not changed any CSS for some time before noticing these and they are shown in these two screenshots:

https://dl.dropboxusercontent.com/u/46763137/screenshot1.jpg
https://dl.dropboxusercontent.com/u/46763137/screenshot2.jpg

Does this make sense based on recent updates? I have included URLs and logins in the private section.

Thank guys,

R

Please, contact administrator
for this information.

#150785 Copied

15 Answers

RR123

Participant

January 3, 2017 at 18:31

#150786 Copied

8theme

Support staff

January 4, 2017 at 10:33

Hello,

We have fixed this for you. Please, check now.

#150829 Copied

RR123

Participant

January 4, 2017 at 12:49

Hi Serg,

Many thanks. Where about is the fix (the site was just the dev staging site)? Is it in custom CSS or will it come in the next update?

I need to reimplement it in the main site and also want to make sure your fix will survive updates.

Best wishes,

R

#150836 Copied

8theme

Support staff

January 4, 2017 at 14:24

Hello,

It is in custom CSS area. And it will be included in the next update also.

Regards

#150847 Copied

RR123

Participant

January 4, 2017 at 14:57

Hi Serg,

I see the fix for the first screenshot, but the second is still wrong 🙁

Could you look again?

Thanks,

R,

#150852 Copied

8theme

Support staff

January 4, 2017 at 15:22

Hi,

But it looks fine for us https://gyazo.com/3791383b4e2572b4f7186db5d6b5f1cb

#150854 Copied

RR123

Participant

January 4, 2017 at 15:59

Hi,

Weird…. I just tried again in both Chrome (with incognito) and Firefox (which I never use so nothing cached) and saw the below:

https://dl.dropboxusercontent.com/u/46763137/chromeincognito.jpg where it is too high
https://dl.dropboxusercontent.com/u/46763137/firefox.jpg where it is a little too right

I cleared the Autooptimise cache several times before too. There is no WP caching at all in this staging site, no CDN, etc. to clear.

Does this make sense?

Thanks again,

R

#150857 Copied

8theme

Support staff

January 5, 2017 at 08:52

Hi,

Made a few more changes. Here are how it looks in Chrome and FireFox now

https://gyazo.com/2017b558c2ec3b76170df04816a9cf2c

https://gyazo.com/3791383b4e2572b4f7186db5d6b5f1cb

Regards

#150909 Copied

RR123

Participant

January 10, 2017 at 12:16

Hi Serg,

I basically still have the same problem in both browsers, including why bypassing the browser cache…

Does this make sense?

#151377 Copied

8theme

Support staff

January 10, 2017 at 14:50

Hello,

Sorry, for inconvenience, but could you please attach some drawing of how exactly the icon looks and should look on your website? Because we are a bit confused with this issue.

Thank you in advance.

#151417 Copied

RR123

Participant

January 14, 2017 at 18:58

Hello Serg,

The problem is exactly as per the images I sent, but I have discovered the root of the problem. It is a responsiveness issue.

Like many people, I often have certain websites zoomed in or out (ctrl and +/- in Chrome). If REM or EM units are used, I guess that won’t happen. If px values are used, there will be problems.

I realised this only because another example came up and disappeared. I will often view sites 80% zoomed out to fit more in.

So the problems are with the two graphics I showed above and the right hand arrow that scrolls through product graphics. That’s what made me realise the issue. If you view it at 80% zoom, the greater-than arrow moves outside the box to the right. To see this you might have to refresh – in Chrome you do not see the problem if you just zoom out. It has to render the page while zoomed out:

https://dl.dropboxusercontent.com/u/46763137/rightscroller.jpg

Can you sort these three so they are responsive?

Thanks,

R.

#151876 Copied

8theme

Support staff

January 16, 2017 at 11:43

Hello,

We have applied one more fix for you. Please check how it looks now.

Regards

#151955 Copied

RR123

Participant

January 19, 2017 at 11:29

Hi there,

Thanks for pursuing this. It is much better and is responsive.

Just one tweak: When I removed the padding-left: 1px; it was perfect. That 1px padding took it off centre just a little if on a lower res.

Best wishes,

R

#152429 Copied

RR123

Participant

January 19, 2017 at 13:28

Actually, the image right scroller problem is still there in the same way with the same screen size causes as the icon problem.

Could you look again please?

Thanks,

R.

Please, contact administrator
for this information.

#152442 Copied

8theme

Support staff

January 20, 2017 at 08:18

Could you please send a screenshot of the problem? And your admin access.

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