-
We have a custom logo set, but at the size we put it in, while perfect for desktop, it was too big for mobile viewing (taking up too much screen). Can we set the logo for desktop and another specific for mobile viewing? Please advise and thanks!
-
-
Hi Adam,
No, I’m afraid not at this point (although you could probably put in a patch with CSS). I’ll think about this one, but I’d suggest our users are better off with a single compromise size than adding yet another preference to worry about.
Feel free to send in some screenshots to change my mind though.
Making the web work for you, Alec
I am fine with that. Do you have any css to add that would allow a second, smaller logo for media viewing? Thanks!
Hi Adam,
Not on hand. Martin might have some suggestions. This will only work for HTML5 playback btw. Flash playback will not respond to CSS.
Cheers,
Alec
I am fine with that – if you can pass on any info that would be greatly appreciated. Frankly I am shocked this hasn’t been addressed before. The logo really takes over the screen in media, but on desktop it’s absolutely fine. But cutting the logo to half size made the desktop view way too small. Thank you!
Hello Adam,
you can use the following CSS and put it into your mobile theme CSS, just adjust the px value as required:
.flowplayer .fp-logo {
width: 50px;
}If your theme is responsive, you have to put in the right media query for your mobile site. Something like this:
@media only screen and (max-width: 400px) {
.flowplayer .fp-logo {
width: 50px;
}
}I see that we could put this into our plugin, but I’m not sure how would we handle the logo dimension, which depends on the image size.
Thanks,
Martin
Hi Martin,
I’d like to see some examples of how the logo doesn’t work in mobile and desktop. What I’d recommend is to use a logo size which is small enough to look okay on mobile but is still visible in desktop.
With the right examples, then we could automate making the mobile version half the size rather than putting people through the pain of using two logos.
Making the web work for you, Alec
