Terry - AKA Dumbledore Posted March 2, 2015 Share Posted March 2, 2015 I have a request to be added to IPS V4. In the theme design I would like to have the ability to have2 logo's one for a normal computer based boards, which can a wide as the resolution will allow. Thenone for a responsive size logo less the 250 px for display on cell phones. I know you can makeone logo under 250 px, but that looks small on a computer based browser. Link to comment Share on other sites More sharing options...
CheersnGears Posted March 2, 2015 Share Posted March 2, 2015 I have a request to be added to IPS V4. In the theme design I would like to have the ability to have2 logo's one for a normal computer based boards, which can a wide as the resolution will allow. Thenone for a responsive size logo less the 250 px for display on cell phones. I know you can makeone logo under 250 px, but that looks small on a computer based browser.I thought I remembered someone from IPS saying that this would be available. I wonder what happened to it. Link to comment Share on other sites More sharing options...
Brian Posted March 2, 2015 Share Posted March 2, 2015 You can also look at something like, http://www.leemunroe.com/designing-for-high-resolution-retina-displays/ . It's really up to you. What I would usually do is just double the size of my current logo, so 200px width to 400px (a higher DPI version), save it. Then add a width to the image tag width="200" this will size correctly both on retina / standard. If you don't set a width on a standard display it would show the full sized image (400px wide).. Link to comment Share on other sites More sharing options...
CheersnGears Posted March 2, 2015 Share Posted March 2, 2015 You can also look at something like, http://www.leemunroe.com/designing-for-high-resolution-retina-displays/ . It's really up to you. What I would usually do is just double the size of my current logo, so 200px width to 400px (a higher DPI version), save it. Then add a width to the image tag width="200" this will size correctly both on retina / standard. If you don't set a width on a standard display it would show the full sized image (400px wide).. You'll probably get dinged by Google for file size being too large on small mobile devices. Link to comment Share on other sites More sharing options...
Brian Posted March 2, 2015 Share Posted March 2, 2015 If it's a logo the file size shouldn't be large at all, unless you are doing something wrong. Link to comment Share on other sites More sharing options...
The Jimmo Posted March 3, 2015 Share Posted March 3, 2015 Alternatively if you have a basic logo and some basic front-end skills, you can make it a font icon and resize it accordingly via CSS. Link to comment Share on other sites More sharing options...
FZ Posted July 13, 2016 Share Posted July 13, 2016 Many WordPress themes have the ability to upload different versions of the logo (Retina version, mobile version, etc). Would be nice to have the same thing for Invision because there is a lot of wasted masthead space on desktop version that could be used for a catchphrase or even an ad if it didn't cause the responsive mobile theme to break. Link to comment Share on other sites More sharing options...
steve00 Posted July 13, 2016 Share Posted July 13, 2016 likely could use @media in css to do what you want Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.