By the time mobile (smartphone) growth stabilizes, mobile will drive 40%-50%+ of your visitors! This is a tremendous opportunity to build a strong NEW stream of traffic. To maximize that, present a high-quality, highly usable "mobile" version of your site. Optimize for other mobile-specific issues. This forum discusses all that and, more generally, how to maximize this opportunity to grow your e-business income. Oh yes - tablets covered, too.

Moderator: A J from Somewhere Hot

#1335960 by Marylyn from family-getaways-melbourne.com
Tue Oct 27, 2015 3:08 am
I regularly add Blogletts to my site and in doing so usually try to put up an image to ge tthe post to stand out.

My question is how do I get the image that shows up to behave in a 'responsive' way?
The last couple of blogletts I have written had images that unfortunately get chopped off if viewing the blog on a mobile device.

This is the last blog that I wrote today and as you can see the image is cropped off :-(Image

All images I add manually to my blogletts do this.
Is there some code that I have to add or size that I have to use to get the image to show up correctly like this?

Image
Cheers,
Marylyn
#1341832 by Laura from Chautauqua
Thu Jan 28, 2016 8:58 pm
Hi Marylyn,

Have you noticed how images you add to a BB2 page using an Image Block will resize in mobile?

Maybe you could use the same code in your Bloglets.

I see you are using this image code for the Bloglet now...

<img src="http://www.family-getaways-melbourne.com/images/melbourne-zombie-shuffle-2015.jpg" alt="Zombie Shuffle Melbourne, Australia">

Try this instead...

<div class="ImageBlock ImageBlockCenter"><img src="http://www.family-getaways-melbourne.com/images/melbourne-zombie-shuffle-2015.jpg" alt="Zombie Shuffle Melbourne, Australia" width="851"></div>

You can change Center to Right or Left as necessary.

And notice that it has a width setting in the image code, but no height. That's done on purpose. Just enter the actual width of your image there. I've done it for the image above for you.

I haven't actually tried this myself, so please test and see if it works for you. :-)

I hope that helps,
Laura
#1341872 by Marylyn from family-getaways-melbourne.com
Fri Jan 29, 2016 4:11 am
Hi Laura,
I really do want to thank you for your great suggestion.

I places all those images into div's and am wrapped in the results!
From what I can see all my images look re-sized on Mobile view - fantastic!

Now all I have to do is remember to use the div when I want to place a graphic in my blog.

http://www.family-getaways-melbourne.com/family-getaways-blog.html

:) Thank you so much once again for your response and I hope that it will help others who may need the same solution.
Cheers,
Marylyn.
#1341877 by Laura from Chautauqua
Fri Jan 29, 2016 4:31 am
Hi Marylyn,

Yep, looks like it worked. :-)

Glad I could help!

Laura
#1367568 by Faith from Caraway
Thu Mar 23, 2017 3:23 am
Laura,

Thank you, thank you!! Have been looking for a solution to this and just happened upon this post. So a big thanks to Marylyn for posting the original question and a HUGE thanks to you Laura for taking the time to offer a solution.

Your code works perfectly!!!

Faith
#1367590 by Laura from Chautauqua
Thu Mar 23, 2017 12:35 pm
Awesome! :-)
Similar Topics Statistics Last post
My site pages are Mobile Friendly but Blog Pages are not
by Brett from nutritional-supplement-truths.com Sun Sep 25, 2016 5:50 am
3 Replies
504 Views
by Brett from nutritional-supplement-truths.com
Tue Sep 27, 2016 8:21 am

Users browsing this forum: No registered users and 1 guest