Docs

[Brock B]

I am looking to put my logo in the footer of my page and I’m not sure how to do it. I’d like to to be on the very left of the footer even with my menu

Any suggestions?

bravepandacreative.com

[Rahul]

Hey There,

Thanks for writing in!

You could use an image tag to place your logo in the footer content or in footer widgets depending where you want to have it.

<img src="url.com/logo.png">

Let us know if you need further help.

Thanks for understanding!

[Brock B]

I just the code you included and put it into customizer and as you can see, the logo is much larger than I’d like. Is there a away to make it smaller with code, or do I need to edit it in photoshop. Not sure if I know how to do that, but I can try.

Also, I’d prefer if it was off to the side of the footer menu instead of below it. How would I do that?

[Joao]

Hi There,

For performance purpose I would actually recomend you to re-size your logo in Photoshop.

Otherwise you can use :

<img style="max-height: 200px;" src="url.com/logo.png">

Hope that helps

Joao

[Brock B]

OK great. I resized it in photoshop and it looks good below the footer menu on mobile, but on desktop I’d love to have the logo beside the footer menu. Anyway to do that?

[Friech]

Hi There,

Please add this on your custom CSS on Customizer.

@media (min-width: 1200px) {
	.x-colophon-content {
	position: absolute;
        top: 0;
        left: 20%;
	}
	.x-colophon.bottom {position: relative;}
}

Cheers!

[Author]

Posts