BuddyDev

Search

[Resolved] Mobile View

  • Participant
    Level: Enlightened
    Posts: 89
    Graham Hoffman on #7091

    Hey guys,

    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.

    https://www.dropbox.com/s/zx0cyga0m4l6dkg/IMG_1799.PNG?dl=0

    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.

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #7108

    Hi Graham,
    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.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 89
    Graham Hoffman on #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.

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #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.

  • Participant
    Level: Enlightened
    Posts: 89
    Graham Hoffman on #7131

    Let me know how you get on.

    G

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #7138

    Hi Graham,
    Thank you.

    I am sorry but I will need atleast one more day for it.

    Thank you
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #7160

    Hi Graham,
    My apologies for the delay. Just updating that we will be releasing an update today. I will update this topic again after the release.

    Thank you
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #7176

    Hi Graham,
    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.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 89
    Graham Hoffman on #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?

  • Keymaster
    (BuddyDev Team)
    Posts: 24706
    Brajesh Singh on #7203

    Hi Graham,
    Thank you.
    Currently, we have it set as

    thumb – 525×180
    featured-mid:- 782×18
    featured-large:- 1220×180

    Other than that, WordPress will utilize any image size that you have in the Media settings page.

    Thank you

You must be logged in to reply to this topic.

This topic is: resolved