Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Logo dimension

13 Apr 2015, 16:50

Hello Karl, as per your suggestion i've used this for the logo
Code
<a href="/" class="logo logo-image m pad1" style="min-height: 100px;"><img src="/content/custom/logo/photogallery2.png" alt="KOG Gallery - La nostra storia" width="346" height="120" /></a>
but, and I don't know why, the logo is a lot smaller than the width and height of the code.

Why?
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Logo dimension

13 Apr 2015, 23:59

andreamarucci wrote:but, and I don't know why, the logo is a lot smaller than the width and height of the code.
You have changed your logo since yesterday. The dimensions I gave, was based on the actual dimensions the logo was displaying at yesterday ... It may not be the same as the image dimensions, because likely the logo is scaled down inside the browser anyway, to make it nice for retina screens.

Just change it to something appropriate. The point of setting it, is so that the document already knows the height of the logo before it starts loading, and that should fix your fixed navbar issue.
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Logo dimension

14 Apr 2015, 03:16

I've changed it since it's not yet definitive so I'm testing. Can you explain better why have you choosen that dimension and what kind of calculation I've to do to insert the right numbers? As said I'm testing different logos and if I've the formula I'll avoid to disturb you every time.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Logo dimension

14 Apr 2015, 03:25

To be honest, this is a complicated question because the logo is "responsive", which means it might resize to different device screen sizes. Furthermore, it may be reacting on a logo tag class https://www.photo.gallery/x3docs/settings/logo/ ...

I suggest this ...
1. Just make your logo as you want it. You can make it quite big and scale it down in browser, no problem, because then it will look nice on retina browsers also.

2. Then look at the true dimensions of the logo image (for example it might be 500x300, I don't know). Now you know the aspect.

3. Since you know the ratio is 5:3, set the width and height based on this ratio ... For example set width="250" and height="150", keeping the aspect ratio.

The important thing is to see if it fixes the issue with fixed navbar, and then you can easily adjust and fine-tune the size anyway. I will need to see if I can implement a fix for this eventually so you don't need to set width/height.
 
User avatar
andreamarucci
Experienced
Topic Author
Posts: 308
Joined: 01 Mar 2011, 11:13

Re: Logo dimension

14 Apr 2015, 03:31

I've asked some windows people to try and they've confirmed that this trick solve the fixed topbar problem...