site logo keeps on appearing several times

Hi, initially whenever i load a page, my logo will appear to the center towards to the left. It will load first to the middle until it reaches to the left.

I added a css that will set this to the left having a margin of 20. See my css below

.site-logo {
float: left;
margin-left: 40px;
}