I have had the same problem too as the bar option doesn’t seem to be mobile responsive.
Hopefully there will be an update or another solution.
Thanks
Hi Armard,
which browser are you using? I’ve just tried with Firefox and Chrome, and the form scaled properly on both browsers.
Could you elaborate, or show me a screenshot of the 3/4 being cut off?
@smezatis2014
The same question to you 🙂
Thread Starter
Armard
(@armard)
Thanks for the reply. Here are a few links to screen shots I took of the issue.
Safari Browser on iPhone:
https://flic.kr/p/B6F1bq
Safari on Desktop
https://flic.kr/p/B7SrZ4
Chrome on Desktop
https://flic.kr/p/B5zcMU
I attempted to apply the following CSS to remedy the issue a few days ago.
.scale-with-grid {
width: 100%;
height: 100%;
}
#content {
width: 100%;
height: 100%
}
#optinforms-form5 {
font-size: 0.5em;
margin: 0;
background-color: red;
position: absolute;
width: 100%
height: 100%;
left: 0;
top: 0;
}
img {
width: 100%;
height: 100%;
}
You may have followed my original link after the change had been made. It helped the plugin look somewhat decent on mobile, but destroyed the aesthetics of your plugin when viewed on desktop.
I’ve removed my hacked together CSS so you should be able to see the problem live on the site now @ http://www.sourcepitchgrow.com/pitchguide
Thanks again for your time in trying to help me get this sorted out.
Hi Armard,
thank you for making the screenshots, and disabling the CSS so I can see it live.
The problem is that you have selected the form to be fixed, 700 pixels wide to be precise.
To fix this, click on Optin Forms in the WP administration area. Under the Style Your Form section, you will see an option called Form width. Change it from 700px to 100%.
After saving, preview your optin form on your website, and you will notice that it will scale accordingly on any device 😉
Let me know if you were able to fix it!
