Tagged: Mobile Theme, Responsive Community Builder
- Graham Hoffman on January 25, 2017 at 1:17 pm #7091
I’m using a wrapper to put the theme into a mobile app, while the site is responsive, my audience are too used to FB and so I’m trying to replicate the same experience.
But, is there a way to make the site fill the screen, it just looks so blocked up.
and is there a better way I can handle images for specific devices/sizes? As I’m going to struggle to have an image that works in the current format.
- Brajesh Singh on January 26, 2017 at 5:25 pm #7108
Thank you for the topic.
I am sorry for the inconvenience. The image should have scaled properly. It seems it did not scale. I looked at the code and I see that we are not using a different size for mobile screen(It is possible to do so using wp_is_mobile() )
I am planning to add another size( or use the thumbnail size for mobile screens) and scale using media query(need to test it). What do you think will be best suited for your site. Please do let me know and will have an update today itself.
- Graham Hoffman on January 26, 2017 at 10:19 pm #7114
Perhaps you could consider serving different sizes based on the screen sizes – something like this. https://www.smashingmagazine.com/2012/06/responsive-images-with-wordress-featured-images/#wordpress-responsive-images-making-it-work
This would be more responsive and allow better viewing experience?
Something I think you could add to the documentation – the best ideal sizes for featured images etc. Just like BP saying 1440×500 cover pages, it would be good to know from the community-builder point of view.
- Brajesh Singh on January 27, 2017 at 6:22 am #7120
Thank you Graham.
It is a valuable link.
We already have 3 image sizes and we may utilize that. I was also looking at solution using srcset since WordPress supports it for other post images.
I am going to experiment a little and will report back today with the update.
- Graham Hoffman on January 27, 2017 at 4:46 pm #7131
Let me know how you get on.
- Brajesh Singh on January 27, 2017 at 9:05 pm #7138
I am sorry but I will need atleast one more day for it.
- Brajesh Singh on January 31, 2017 at 10:34 am #7160
My apologies for the delay. Just updating that we will be releasing an update today. I will update this topic again after the release.
- Brajesh Singh on February 4, 2017 at 7:38 am #7176
How are you doing?
I have pushed version 1.0.6 now. I am sorry it took a little longer than expected(even the changes are just minor). I had to go through various strategies and finally, settled down for the simplest one.
Please visit Customizer->Blogs->Misc and you will see an option that enabled/disables the fit to container setting for the featured image.
I suggest disabling it in your case. If you disable, the featured images use srcset and the browser detects and uses the best suitable image(This is default WordPress featured image way). The problem with this approach is that the image may not fill the whole width and that may make the site look odd at times. If you are uploading larger image, It won’t be an issue.
- Graham Hoffman on February 4, 2017 at 4:46 pm #7188
Thanks Brajesh, I saw the update today and will be testing it this evening. Many thanks for sorting this.
Do you have any recommended image sizes?
- Brajesh Singh on February 5, 2017 at 11:26 am #7203
Currently, we have it set as
thumb – 525×180
Other than that, WordPress will utilize any image size that you have in the Media settings page.
You must be logged in to reply to this topic.