What is the proper technique to insert a Gravity Form that is full width to it’s parent bar, yet responsive? For the life of me I can’t get it display correctly. I can only get it to behave two ways:
a) It renders at around 400px wide
b) It’s full width, but unresponsive and runs off the page
I’ve tried numerous settings, but just can’t get it to work.
Example is at http://2019.jeremiahsplace.org/ > in the footer
If it helps, I have altered the page referenced above to show the form twice:
First instance: Dummy text above the form that spans the width of the container, this appears to make the forms display correcty
Second instance: Same container with the dummy text removed
Hello Tyler,
Thanks for writing in!
I see coming soon page active on the website. Can you please share website login details in secure note for us to take a closer look?
Having said that please note that Gravity Form is a 3rd party plugin and providing support for the same falls outside the scope of support we can offer. However, we will try our level best of guide you in right direction.
Thanks.
@Prasant, my mistake. I have a maintenance mode plugin activated. I attached a Secure Note to my previous message with login details.
Understood about Gravity Forms being a third party plugin. Please note that I am migrating over from X Theme to Pro and have never had this issue adding Gravity Forms to any page.
I’m only seeing this problem when adding a Gravity From in the Header/Footer Pro builders as there is no way to use a “Gravity Forms” element as you can on regular pages and in content.
I’m sure it’s just a matter of getting the bar/container/element settings right with the flexbox display, at least that’s what I hope!
Hi @stilemas,
Thank you for providing the credentials. I went ahead and changed the Form Bar’s Horizontal Flex Layout from Start to Stretch and it fixed the issue (see screenshot)
Cheers!
Glad we could help.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.