Added 2 divs to header, but they moves around while zooming in and out

Hello wonderful fellas, Can anybody please tell me what I am doing wrong? I added 2 div to the header of the site. I am using a child theme and I added the div to the header of the child theme. But these 2 divs are breaking when I zoom in or out. 1st one is the 5 social media clickable icons and the 2nd one is the MC-VISA logo just next to the site logo. I added breadcrumb to the site and that seems to show the very same problem.

I have basic knowledge of HTML and CSS and I guess the problem may be about positioning. I tried every value of the position CSS-property and none seems to work. Can anybody please help me figure this out?

Thanks in advance.

• This topic was modified 7 years, 2 months ago by wp_freak. Reason: provided more details

The page I need help with: [log in to see the link]