Sorry it’s taken me so long to get around to this.
I just checked my mobile settings and it is set to Automatic width and height. BTW, my page is set to center as well. I wonder what changed? I don’t recall ever having to set the mobile parameters to make my sites fill iPhone or iPad screens.
On Wed, Jul 10, 2013 at 7:51 PM, RavenManiac email@hidden wrote:
Sorry it’s taken me so long to get around to this.
I just checked my mobile settings and it is set to Automatic width and
height. BTW, my page is set to center as well. I wonder what changed? I
don’t recall ever having to set the mobile parameters to make my sites fill
iPhone or iPad screens.
Rats. It didn’t work. And yes, I tried using, “Publish Everything”, but I got the same results. Setting Initial Scale to 100% forced the page to display at it’s original width of 980 pixels, but that isn’t good for a lot of mobile devices, so I turned that off.
Setting ViewPort Width had no affect at all. I’m still getting the green band down the right hand side. I don’t have this problem with any of my other FWP sites, and I didn’t have this problem when I first starting working on this site. Weird.
BTW, I’m attempting all of this on my developmental server located here: http://rcb.idealynx.com
I think your construction has some fundamental problems. What those are
specifically, I can’t really say - I’ve spent some time deconstructing it,
but your page is very complex and I’m really not up to digging through it.
You may want to start a new file to see what fat can be trimmed -
structurally, quite some I think. Don’t use anything you don’t have to -
like the body font-size of 62.5%… you aren’t using relative font sizes so
that bit of code is a complete waste. And containers - there are no need
for so many “wrappers”.
Here is a file I started to see how to get the basic effect in mobile
devices thebigerns.com
Take the viewport settings I gave before except don’t set an initial scale.
That seems to do it for mobile devices and orientation switching - with my
layout anyway.
–
Ernie Simpson
On Wed, Jul 10, 2013 at 9:35 PM, RavenManiac email@hidden wrote:
Ernie, I just reset the site with your settings so you can see how it’s
behaving. When you zoom down you still get the green bar.
On 11 Jul 2013, at 02:31, RavenManiac email@hidden wrote:
I’m still getting the green band down the right hand side.
This is being caused by your Facebook Like Button item which is set to 450px wide. You should also set your Mobile settings to the following:
Width: Auto (or Device Width, though this can lead to problems on fixed width pages)
Height: None
Page can be Scaled: Yes
Initial Scale: Unchecked
Minimum Scale: 25%
Maximum Scale: 160%
Thanks Joe! I should have suspected the FB button. That thing was a pain to implement, plus it’s the last thing I added. I’ll see what I can do to fix it.
I think your construction has some fundamental problems. What those are
specifically, I can’t really say - I’ve spent some time deconstructing it,
but your page is very complex and I’m really not up to digging through it.
You may want to start a new file to see what fat can be trimmed -
structurally, quite some I think. Don’t use anything you don’t have to -
like the body font-size of 62.5%… you aren’t using relative font sizes so
that bit of code is a complete waste. And containers - there are no need
for so many “wrappers”.
Here is a file I started to see how to get the basic effect in mobile
devices thebigerns.com
Take the viewport settings I gave before except don’t set an initial scale.
That seems to do it for mobile devices and orientation switching - with my
layout anyway.
Ernie Simpson
Thanks Ernie. Yeah, I forgot to change the body tag. As for the fundamental problems you’re referring to, and aside from the overuse of “wrappers”, what do you mean?
Nevermind. I guess I was asking you to simplify your process so that when it goes tits up I can sort through it easier. Just keep working whatever way seems best to you.
Ernie, I know you put a lot of time into helping us less experienced FWP users and I really, really appreciate it, so if you ever see me do something that isn’t quite right, whether it’s my workflow, my coding, my overuse of “wrappers” or anything else, please let me know.
After all, that’s the only way I’ll learn to do things right. Thanks again for your help.
Here is the FB code that provides me with the functionality my client needs. As you indicated, it’s also the source of my green band problem. Unfortunately, I’m still learning code so I was hoping you could help me modify it so I can eliminate the problem and still maintain the Facebook functionality.
As you might have guessed, I’m using the Crowbar action to insert the following code into my FWP document. Thanks for your help.
its the width:450px; bit. try deleting it see what happens
–
Ernie Simpson
On Thu, Jul 11, 2013 at 11:48 AM, RavenManiac email@hiddenwrote:
Joe, I need your help.
Here is the FB code that provides me with the functionality my client
needs. As you indicated, it’s also the source of my green band problem.
Unfortunately, I’m still learning code so I was hoping you could help me
modify it so I can eliminate the problem and still maintain the Facebook
functionality.
As you might have guessed, I’m using the Crowbar action to insert the
following code into my FWP document. Thanks for your help.
Put the code in a text editor (make sure it’s set to plain text if you’re using TextEdit, though you should really use something like Text Wrangler or Sublime Text), search for 450 and replace with 150. That should do it.
Joe
On 11 Jul 2013, at 16:48, RavenManiac email@hidden wrote:
Joe, I need your help.
Here is the FB code that provides me with the functionality my client needs. As you indicated, it’s also the source of my green band problem. Unfortunately, I’m still learning code so I was hoping you could help me modify it so I can eliminate the problem and still maintain the Facebook functionality.
As you might have guessed, I’m using the Crowbar action to insert the following code into my FWP document. Thanks for your help.