How to add more images on header

Suppose your other 2 logo images are 150px by 70px.

This code will do just that but I wrap it in media query for screen wider than 980px, if you want them also appear in smaller screen please adjust the code as you like.

@media (min-width: 960px) {

	.header-image { position: relative; }
	.header-image a[rel="home"]::before,
	.header-image a[rel="home"]::after {
		background-image: url("https://dummyimage.com/150x70/000/fff.png");
		content: ""; display: block;
		width: 150px; height: 70px;
		position: absolute;
		left: 0; top: 0;
	}

	.header-image a[rel="home"]::after {
		background-image: url("https://dummyimage.com/150x70/ffff00/000000.png");
		left: auto; right: 0;
	}

}

Do not forget to replace both of the image URLs to your own. Upload the logo into your site first and get the URLs to use.

tahnk you very much, paulwpxp, it works so fine when I emulate a laptop screen view. I? gonna adjust it for mobile devices too…

Thanks!!