Hi Mike,

thanks a lot for your great support!
It works like a charm – until a specific browser width is exceeded: then the icons get funky (image 04).
I feel a bit bad now, since you put so much effort in these icons and it’s still not 100%. :-/

The issue with larger browser windows could be solved with another max-width limitation, right?
A brief hint would be nice … Anyway, I’ll try my best to solve it on my own.

Best regards and thanks again!

Image 04:

Dear Mike,

thanks so much for your quick response!

I implemented your code and figured out that the two icons are not centered accurately.
To give you a better view, I created a screenshot with a centerline (Image 03).

I tried to adjust the values to make the two Icons accurately centered, but failed constantly.
Is it possible to make both icons more accurately centered?
I would be happy if there is another solution, even if I would have to change a lot of things.

Thanks in advance.

Image 03: