Forum Support

Shape 5
March 29, 2024, 02:27:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Main image displays as thumbnail on mobile  (Read 985 times)
limeyard
Jr. Member
**
Offline Offline

Posts: 8



« on: 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.

tia
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: 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?
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
limeyard
Jr. Member
**
Offline Offline

Posts: 8



« Reply #2 on: 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
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: 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 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?
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
limeyard
Jr. Member
**
Offline Offline

Posts: 8



« Reply #4 on: 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 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.
Quote
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 Cry) 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.)
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #5 on: 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:

Quote
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:

Code:
<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.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
limeyard
Jr. Member
**
Offline Offline

Posts: 8



« Reply #6 on: 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.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.