Breakpoint for mobile on iPhone 6+

Beaver Builder
1

Hello,

I am using the BB plugin with the Grand theme.

On my iPad, it looks great and is locked into place.

On the Samsung S3, it only moves a bit when I move it to the right.

But, when I pull up my site on the iPhone 6 Plus, the site does display nicely until I move it left or right. Then it sloshes around like a skinny guy in fat pants.

Is there a way to adjust this so the mobile view will lock into place, like the iPad, without all of the horizontal movement?

Thanks!

2

Hey William,

Thanks for getting in touch! Do you mind sharing the URL of the site in question so we can take a look?

Ben

3

Hi Ben!

I see that even the demo does it on my phone:

http://demos.wpbeaverbuilder.com/grand/

Here is an example of the iPhone 5 that looks similar to what I am talking about. Notice the bottom scroll bar:

http://mobiletest.me/iphone_5_emulator/?u=http://demos.wpbeaverbuilder.com/grand/

Basically, if you move it to the right, it realigns itself but if you move it to the left, it stays that way. The problem is that if you miss the slider part with your finger and swipe left, the whole site moves and sits there with the left side off the screen.

I even set the slider to only show on large screens and it still can be moved left and right. It would be awesome if I could get it to expand to the full width of the screen.

I hope this makes sense.

4

Hey William,

Thanks for bringing that to our attention, especially as I was the one who built that page template! :slight_smile: Ok, so the issue is that heading that contains our email address. As the email is one word and a bit long, it isn’t wrapping correctly. We’ll need to fix that, but in the meantime, just change out that heading and you should be just fine!

Best,
Billy

5

Good eye! I totally missed that and now it works perfectly!

Thank you!

6

Awesome, thanks again for bringing it to my attention! :slight_smile: