Shape 5

Wordpress Club Themes => Luxon - Club => : limeyard June 20, 2016, 08:23:07 AM



: Main image displays as thumbnail on mobile
: limeyard June 20, 2016, 08:23:07 AM
Hi all,

A full-width image at the head of a page displays fine on the desktop but in certain cases shows as a very small thumbnail on mobile. The problem has ocurred on only two pages and only on a mobile device - not a small window on the desktop. I discovered 'by accident' that the width of the thumbnail was affected by the length of the 'alternate' string, so use of a long enough string serves as a workaround. However, I wasn't expecting to hold my site together with string(s).

Any suggestions as to what I am doing (or not doing) to cause the problem? This is one of the pages http://www.cottageholidaysderbyshire.co.uk/activities (http://www.cottageholidaysderbyshire.co.uk/activities).

tia


: Re: Main image displays as thumbnail on mobile
: Tristan Rineer June 20, 2016, 10:57:54 AM
Is there any way you could give more detail about what exactly is happening?  I went to your site on my phone and everything looked fine; did you find a solution already?


: Re: Main image displays as thumbnail on mobile
: limeyard June 20, 2016, 12:29:29 PM
Is there any way you could give more detail about what exactly is happening?  I went to your site on my phone and everything looked fine; did you find a solution already?
Hi Tristan,
Thanks for the response. I will temporarily remove or shorten the 'alternate' text so that you can see the effect on that page.

Regards,
Bryan Smith


: Re: Main image displays as thumbnail on mobile
: Tristan Rineer June 21, 2016, 08:51:16 AM
I'm still not seeing any issues with it on my phone, and when I look at it with Firebug (http://getfirebug.com/) in Firefox, I don't see any alt text assigned at all.

How many phones have you had this happen with?  Would it be possible for you to provide a screenshot so I can see what's happening?


: Re: Main image displays as thumbnail on mobile
: limeyard June 21, 2016, 09:42:13 AM
I'm still not seeing any issues with it on my phone, and when I look at it with Firebug (http://getfirebug.com/) in Firefox, I don't see any alt text assigned at all.
No, that's because I removed it to demo the issue for you - as stated in my last post.
How many phones have you had this happen with?  Would it be possible for you to provide a screenshot so I can see what's happening?
I just recently bought my first smart phone. I know how to make calls (not sure about receiving calls - nobody ever calls me :'() and haven't yet thought of doing screenshots. I have just tried the page in Chrome and it's fine, but not in my usual FF.

The page is fine except that the main image is rendered as a very small left-aligned thumbnail when using FF on Android. (See attached image off my camera.)


: Re: Main image displays as thumbnail on mobile
: Tristan Rineer June 22, 2016, 04:04:09 PM
I forwarded this thread to one of the designers, as I haven't seen that problem before, this is the answer I got:

I do see the issue on Firefox mobile, but it?s either a browser issue or an issue with his markup. There are some unusual calls on the image:

:
<img width="439" height="247" sizes="(max-width: 800px) 100vw, 800px"

None of those height or width calls should be on there, VW calls are a nightmare to work with. That?s not our code, and needs to be corrected.
 

Hopefully that helps.


: Re: Main image displays as thumbnail on mobile
: limeyard June 26, 2016, 11:27:02 PM
Thanks for the reply.

I have been carrying out other necessary work on the site and the 'w' and 'vw' calls are still in the code. However, the problem seems to have 'gone away' and the image now displays as expected in Firefox and Chrome on mobile.

Thanks for your time.