thanks for checking this issue out. Can you please tell me a bit more what you mean by “not having any issues”? So you viewed my site using Safari on a Mac, and the fixed background image behind the three icon boxes scrolled properly?

Here’s a quick screenr video showing what I’m seeing on each of the 5 Macs I’ve tested the site with:

it works fine in Safari (Mac) on your end? Can you give me your URL to have a look? Like I said, the fixed background image does move in the color box when viewed in Safari, but with a noticable delay.

Also, there are a few other things that are a bit weird on the iPad. The fixed menu doesn’t stay fixed in portrait orientation, and while it does remain at the top border of the screen in landscape orientation, it does not shrink like it does on desktop browsers. And: the parallax-ish effect for color sections does not work on iOS-Safari at all, and is very choppy on Safari for Mac.

I’ll open up separate threads for these, would be fantastic if you could have a look.

Just a quick note: I’ve switched servers as I’m getting closer to going live. You’ll find the site at http://www.presentpro.de/peek for now. I would be really really grateful if we could find a solution here. Thanks!

This might help: I managed to recreate the issue on a desktop browser as well, both Firefox and Safari on Mac show this behavior when you resize the window to the offending width… which is precisely 768 pixels.

yes, that’s the story: site looks fine on iPad in vertical orientation, you turn the thing sideways… boom, you got your menu PLUS the square responsive menu icon. It also happens if you reload the page in vertical orientation, not just when turning.

Two other things I noticed:

- It doesn’t seem to have anything to do with plugins. I deactivated everything I got running, still the same issue.

– I set up the site from scratch on a new server, it didn’t show the issue when I had only 2 menu items. Now I got 5, and the issue is there. BUT: returning to 2 menu items again doesn’t solve it. I know that’s strange, maybe it gives you guys a hint about what is happening here.

For what it’s worth, I now found a tutorial to do a mad lib form using “Contact Form 7″, just like Ismael suggested. It’s even easier than Gravity Forms. Ok, there’s about a trillion more features in Gravity Forms, but then again, it’s not free.

Hmm. It does work for me to just use the shortcode, which I generated beforehand on a blank page as suggested by formateins and then copy/pasted. The important thing is to choose “Div / Video” for your layer. It even says “This field is also shortcode-aware” on the tooltip:

However, neither this method nor the HTML method by Ismael solves one huge problem: buttons don’t like responsive, they don’t scale. They look horrible on mobile devices:

So I just created my buttons as .png images in PS (including button text) and used those. Not ideal, but… well.