Skip to main content ↑ ↓
forum logo in mobile view Started by Jorin · · Read 13512 times 0 Members and 1 Guest are viewing this topic. previous topic - next topic

Re: forum logo in mobile view

Reply #15 –

Ah! I did not made it this narrow, Jorin... before I did always see the large logo. The little one will jump to the left side in each browser for me as well.

But if you add this to the media part the little one seems to be centerd to me.

Code: [Select]
  .centerheader #logobox {
    max-width: 40%;
    width: inherit;
    margin-right: 2px;
}

Re: forum logo in mobile view

Reply #16 –

Yep, centered! But it will be cut at the bottom.  :D

Oh my goodness, is it so complicated or is it just me?  O:-)

Re: forum logo in mobile view

Reply #17 –

It is not easy... :P

Can you make a screenshot, please? The logo is not "cut" for me...

Re: forum logo in mobile view

Reply #18 –

The smaller the window the more it is cut at the bottom.

Re: forum logo in mobile view

Reply #19 –

Yes...I cannot make my browser-window this narrow with opera, so I did not see the cutoff there...but in IE and FF I can. It is the same there as in your screenshot. I have tried a little, but I cannot figure it out. Sorry, Jorin.

(Da muß ein Mann ran!)  :P

Re: forum logo in mobile view

Reply #20 –

No prob, thanks a lot, @Ruth!  :)

Re: forum logo in mobile view

Reply #21 –

It seems to work with something like this:

  height: 50px;

Try to add it to the media-part.

Or better use percent...

Re: forum logo in mobile view

Reply #22 –

You can just reduce the width of the browser window, there is no need to use the zoom.
Also, if you are using a somehow recent Opera, it means you are basically using a custom Chrome, so you can ctrl+shift+i and the click on the second icon on the left, next to the "elements console sources... etc." names (two rectangles), this will toggle the "device toolbar" that (in the main window) will let you choose different standard devices or even add new custom resolutions of "mobile" devices. :)
Bugs creator.
Features destroyer.
Template killer.

Re: forum logo in mobile view

Reply #23 –

Quote from: Ruth – It seems to work with something like this:

  height: 50px;

Try to add it to the media-part.

lol Works in height, but now the logo's not centered anymore. rofl

It's so funny... 24 posts about positioning a logo!  :D

BTW: Why is it so small? The PNG file is 135 x 150 px... The shown logo is much smaller.

Re: forum logo in mobile view

Reply #25 –

With my smartphone it does. I will test my office IE tomorrow.

Re: forum logo in mobile view

Reply #26 –

Yes, it does.  :)  If you zoom to mobile width, the logo at one point is under the icons of the menu, but that's not the question, right?  ;)

Re: forum logo in mobile view

Reply #27 –

That one is not jumping to the little logo?

In Firefox it is looking like this, if I resize my browser-window as far as possible. It will get a scrollbar at the bottom and a black space on the right of the top.

Re: forum logo in mobile view

Reply #28 –

Quote from: Ruth – That one is not jumping to the little logo?

No, and I like that!  :D

Quote from: Ruth – In Firefox it is looking like this, if I resize my browser-window as far as possible. It will get a scrollbar at the bottom and a black space on the right of the top.

In IE too, but at this size one must use a 2 inch Smartphone.  ;)  I don't think that's a problem with todays smartphones.

Re: forum logo in mobile view

Reply #29 –

Okay...would you mind to show the code? I would like to do something like this...but with a little logo in the mobile view.