Support Forum

Format issues with reboot.

32 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

bruno36: With respect – could you reply over in your own topic please as it just confuses the issue to add it on this thread.

kvr28: Curious. Thanks for the info.  What browser was this with please and what OS? On my Mac using Chrome I see absolutely no long gap whatsoever. Displays perfectly OK.

Alex T: Gap Under Images: Same question please. What browser are you using and what OS?

Signature: The signature text is actually being displayed – it is displaying using white text. The colour there is actually set to inherit which should go all the way back to the WP theme ‘body’ styling but clearly something else has intervened. I will need to get Ike to look at that when he can. Will talk to him a little later.

Mobile Scrolling: You told me an iPhone which means IOS but you did not say which browser you are using. I have just accessed your site (the page you linked to above) using my iPhone 6 and it scrolls perfectly…. Are you using Safari? If so can I suggest you try an alternative to see if that helps. I am almost tempted to say that any browser is better than Safari but that be a little unfair.Let’s say most of them are. But It would a try with Chrome or Mercury which will tell you if it is a Safari issue.

AT Alex T
Alex T
Member

It seems the picture issue is with Firefox.  I just used Chrome and it views as normal. Signatures still don’t show though.  Operating system is Win7.  Ironically, the scrolling issue is now working on my Iphone with the Chrome browser, which is the one I had tried it on earlier.  I tried Perfect Browser and scrolling worked, then I tried Safari and it also worked, went back to Chrome and now the top scrolling works as well! 

KV kvr28
kvr28
Member

Looks like Alex is right, I thought for sure I had tested on chrome as well, Yellow here is a thread on my staging server where I just reinstalled reboot where you can see the issue in the first post if you use FF

http://kvr28.staging.wpengine.com/forums/alternative-energy-1/our-offgrid-power-setup/

IK Ike
Ike
Member

I’m not ignoring this thread, my partner and one of my 2 year old’s are sick so I haven’t had a chance to sit down and look into things. I should be able to do that this evening providing the kids sleep OK!

KV kvr28
kvr28
Member

No worries Ike, take care of what’s important, I’ll leave reboot set up on my staging if you need to look at it, I’m not using it on my live site yet

YS Yellow Swordfish
Yellow Swordfish
Member

I see it on Firefox.

@kvr28 is right. This is to do with the size of the actual image coupled with the size of the post content width coupled with the way your theme is handling the ‘responsive’ image resizing coupled with the way that Firefox is interpreting all of that.

The first issue is the actual size of the image being posted. It is actually really very, very big – much bigger than the content area it has to fit it. This is  questionable thing to do anyway – just consider that every time someone visits the page then they have to download these huge files to see the images. And the bandwidth being used by your server… Sizing more sensible to fit has many advantages.

Think of displaying an image 1366 px wide on a mobile phone display that is 360 px. The amount of work the browser has to do to resize that is enormous not to mention the file size being downloaded  by a user over an expensive mobile phone network.

Firefox,  I believe, is resizing the image to fit width wise and gets the ratrio right on the height but does not appear to be releasing the space so the depth given to the box size for the image is as if it were still at it’s full pixel size. Seems to me this is either a problem with Firefox or something to do with your Wp theme. But posting proportionately resized images does appear to solve it nicely. 

As to your phone scrolling then, in my own experience the timeout on mobile browsers seems a lot shorter than on a desktop – perhaps to save those very costly phone bills – so it is perhaps possible that what you saw was the request to your server timing out and killing the page before it had fully loaded which might cause a scrolling issue.

YS Yellow Swordfish
Yellow Swordfish
Member

Whoops… meant to add just for information that I am also seeing a few script errors on your website which may have an impact in functionality if left unchecked. Not just SP but any plugin utilsiing javascript.

KV kvr28
kvr28
Member

agreed, is there anyway to dictate the size of the picture a user embeds the same way when they upload? I’ve made posts about suggested photo sizes to embed and not everyone gets the message

KV kvr28
kvr28
Member

what errors? I’m not very good at finding those, I depend on javascript errors notification for chrome and it’s not showing me anything

nvm, just read it again and I don’t think you were talking to me, I see the word JS errors and my heart goes in a tizzy

YS Yellow Swordfish
Yellow Swordfish
Member

No – it wasn’t your site with the errors :)

I don’t think we can control linked external image sizes sadly. Nothing I am aware of anyway. Wouldn’t it be nice…..

AT Alex T
Alex T
Member

Yellow Swordfish said
I see it on Firefox.

@kvr28 is right. This is to do with the size of the actual image coupled with the size of the post content width coupled with the way your theme is handling the ‘responsive’ image resizing coupled with the way that Firefox is interpreting all of that.

The first issue is the actual size of the image being posted. It is actually really very, very big – much bigger than the content area it has to fit it. This is  questionable thing to do anyway – just consider that every time someone visits the page then they have to download these huge files to see the images. And the bandwidth being used by your server… Sizing more sensible to fit has many advantages.

Think of displaying an image 1366 px wide on a mobile phone display that is 360 px. The amount of work the browser has to do to resize that is enormous not to mention the file size being downloaded  by a user over an expensive mobile phone network.

Firefox,  I believe, is resizing the image to fit width wise and gets the ratrio right on the height but does not appear to be releasing the space so the depth given to the box size for the image is as if it were still at it’s full pixel size. Seems to me this is either a problem with Firefox or something to do with your Wp theme. But posting proportionately resized images does appear to solve it nicely. 

As to your phone scrolling then, in my own experience the timeout on mobile browsers seems a lot shorter than on a desktop – perhaps to save those very costly phone bills – so it is perhaps possible that what you saw was the request to your server timing out and killing the page before it had fully loaded which might cause a scrolling issue.

This issue of the picture is happening on desktops.  This issue was not happening on the default theme?  It just started happening with reboot. 

IK Ike
Ike
Member

As Andy has said, It seems to be due to a bug in Firefox, more specifically with flexbox which default theme doesn’t use. Seems to work fine in other browsers, although nothing I’ve tried tonight resolves it – I will keep trying and keep you guys updated.

BR bruno36
bruno36
Member

Yellow Swordfish said
bruno36: With respect – could you reply over in your own topic please as it just confuses the issue to add it on this thread.
 

The problem is solved, thank you

AT Alex T
Alex T
Member

BTW…the long space underneath pictures also happens with IE.  It seems only Chrome is handling it correctly.