Move site logo to lower right corner

Hey there kogreger,

Hope you’re well today!

If you’re referring to logo position outside of the home page you should be able to reposition it with some custom CSS. Since Klean has its own custom CSS tab which is located in Appearance -> Customize -> Custom CSS so you can try adding the following code there:

body:not(.blog) .site-branding {
  top: 80%;
}

This should move the logo to the bottom of the page.

Hope this helps ??

Cheers,
Bojan

Hi Bojan,

apologies for the late reply. The code you provided works, but it’s not 100% what I was looking for:
1) The relative positioning (here: 80%) causes the logo to vary in its distance to the bottom of the page when the window size changes (I guess that’s because the logo size also changes).
2) The logo is still on the lower left corner – is there any way to move it over to the lower right?

Thanks for your support!

Hey again kogreger,

You can use bottom property instead of top and position the logo from on the bottom instead of the top.

To do that replace the code above with the following:

body:not(.blog) .site-branding {
    top: auto;
    bottom: 20%;
}

The logo is centered for my by default so in other to check this I’d have to check your site.

Best regards,
Bojan

Hi Bojan,

this did the trick, thank you! Actually the left-aligned logo looks quite good, so please disregard the rest of my message.

Thank you for the great support!

Glad I could help ??

Cheers,
Bojan