Responsive Images (Specifically Site Logo in Site Name Area)

Permalink Browser Info Environment
I have a question that may actually be a core function question but I'm unsure as I'm still learning to work in 5.7.x...

I've found that there is a 'Thumbnail' function built into the file manager for images and I'm trying to figure out how to harness this to automatically change the website logo image I'm using from it's standard version to a thumbnail on mobile phones.

I'm not really sure how to implement this with your theme and after many searches on and looking through core functionality documentation I can't find a built-in accessible solution, if one even exists...

Any help on this or a push in the right direction would be greatly appreciated. Thanks!

Type: Discussion
Status: In Progress
View Replies:
jordif replied on at Permalink Reply

yes, this is a core function, but it's up to the theme to support it.

Here is the documentation for the function:

Initially the theme had support for this, but I decided to disable it temporarilly because it didn't work very well with PNG images. PNG files are automatically converted to JPG, resulting in blurry, low-quality images. A user complained about it, so I decided to temporarily disable this.

Anyway, if you want to enable it, simply edit the page_theme.php file and uncomment the function getThemeResponsiveImageMap. This will add support for the default image sizes included in the Elemental theme. Then you should be able to add your own custom thumbnail sizes (by going to Dashboard > System & Settings > Files > Thumbnails > Add Type, and then adding those types to the getThemeResponsiveImageMap function in the page_theme.php file).

Hope this helps!

vGibson replied on at Permalink Reply
OK, I see...

That is unfortunate and hopefully something the core team will fix (the JPG conversion issue)

I'll look into it and see if I want to delve that far in with that issue in mine since I use 90% PNG images for my pages.


concrete5 Environment Information


Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.118 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.