How to use square logos instead of rectangular logos ?

Sparkling
1

Hey guys, I was wondering how I can place square logos without the navigation menu changing?

I’ve also included an example of how it should look like.

Thanks!

2

Please upload logo that you want to use and post your website URL and I will check if it is possible to somehow modify CSS to make it work that way.

3

Hi,

Here’s the site url : hartvooriedereen.kellybockstael.be

Thanks!
xoxo

4

Upload this logo you attached to your message and make sure not to crop and and publish it as it is. One you are done with that make sure to add this code to Theme Options - Other - Custom CSS

#logo img {
    position: absolute;
    z-index: 100;
    width: 120px;
    height: auto;
}

If you are having problems with cropping then click on “Skip Cropping, Publish image as is” when this screen is displayed. Or arrange cropped area to make it fit nicely in square.

Sparkling Custom header
Sparkling Custom header1160×642 45.6 KB

5

Thank you! I will try this as soon as possible and let you know if it works.

6

Ooh it works! Thank you so much!