XF 2.2 How can I put my logo closer to the left side, now it is centered at the header?

[NandorHUN]

Hi Guys!

How can I put my logo to the left side of my header? I used the following code in extra.less to put my logo in a readable shape:

.p-header-logo.p-header-logo--image img {
max-width: 200% !important;
max-height: 300px !important;
}

But it is centered, way to close to the middle of the header. Any way to put it to the left side?

Thanks

 

[Masetrix]

padding-left: ?px; (?==your needs)

 

[NandorHUN]

padding-left: ?px; (?==your needs)

For some reason it move it to the right side, not the left. And if I change "left" to "right" it doesnt work at all.

 

[Nicolas FR]

margin-right: auto; ?

 

[NandorHUN]

margin-right: auto; ?

It doesnt do anything. Should I put this nexxt to the padding left? Or alone?

 

[Paul B]

Your logo image file is already over to the left as far as it will go.



Redo the image and lose the huge empty spacing around the content.

 

[NandorHUN]

Your logo image file is already over to the left as far as it will go.

View attachment 245229

Redo the image and lose the huge empty spacing around the content.

Thanks. I did it with a designer, and did not checked the spaces of the png.

 

[Paul B]

I have just edited the image and removed all of the transparent spacing - the dimensions and size are now much smaller.

If you need it, let me know.
I can attach it here or provide it privately.

 

[NandorHUN]

I have just edited the image and removed all of the transparent spacing - the dimensions and size are now much smaller.

If you need it, let me know.
I can attach it here or provide it privately.

Wow, that's so nice of you.
Yeah if you can sent it private that would be cool.

 

[Paul B]

Sent.