I have a contact form on my Webflow page and the contact form section seems to overlap with the cards section (the section above contact form section) only on smaller breakpoints of Tablet and Mobile but looks okay on the Desktop breakpoint. I checked my navigator elements and could not find out why. If someone can belp me fix this, it will be of great help. I will share my Webflow project link if needed. Attached images of the project showing Desktop and smaller screen breakpoints.
1 Like
Hi Shyam, please share your readonly designer link to the page, and a published site link as well- staging is fine.
1 Like
Sharing with you the Sandbox link. See below. Please let me know in case you are not able to access the link.
1 Like
Hey @shyamk ,
Can you reset the Max H property for the Section_Projects element as highlighted in the screenshot below?
Doing so, should fix the contact form overlapping issue on all the breakpoints.
Hope this helps.
Thanks for your reply. I did make the max-width change to the Container element of Projects as well as changed the Container max-width on the Forms section as well. Sorry, it did not resolve the issue. There seems to be some overlap of the Forms section in the smaller screen breakpoints (see Survey Page project) image where the form section overlaps the Survey project image ONLY on smaller screen breakpoints. I tried renaming Container classes but it did not help. Another issue is on the Small screen breakpoints, the Form section is not even visible because it overlaps on Survey project image. I initially tried adjusting the top margins of the Form section thinking this would resolve the issue but it does not help either. I could not figure out what is happening. I even tried deleting the Forms section, deleting the existing Form section class names and reinserting the Forms section twice but encounter the same issue. Please recheck Sandbox link.
I had a look at the navigation elements again and checked the Size settings and changed the Max-width to 100% and Max-height to None on Section_Projects and the issue is fixed now. Thank you very much for this help.
1 Like