Form gets cut off!

Home Forums Jevelin Theme Form gets cut off!

Home Forums Jevelin Theme Form gets cut off!

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts
  • shanticfm
    Participant

    The form seems to have strange dashes on the right hand side of this page:

    http://sweetme.creativeflowmedia.org/affordable-home-newborn-photography/

     

    I have the same form on the contact us page and it looks just fine. The mobile also looks fine too. It’s just on this page that the border gets cut off.

     

    Please advise.

     

    Attachments:
    You must be logged in to view attached files.

    Hi @shanticfm,

     

    I hope you are well today and thank you for your question.

     

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #content {
        overflow: hidden;
    }

     

    Best regards,
    Shufflehound team

    shanticfm
    Participant

    I added the code but the form is still being cut off?

    http://sweetme.creativeflowmedia.org/affordable-home-newborn-photography/

    Please try adding the shared CSS code at the top of your existing custom CSS code.

    shanticfm
    Participant

    Yup, tried that too.

    Still not working and now it’s cutting off the whole bottom…

    Solution for this topic

    Actually i found out that the following CSS code you have used in your inquiry form is causing the issue. We can’t change this CSS developing other custom CSS code as you are using the form in iframe tag.

     

    	@media screen and (min-width: 500px) and (max-width: 850px) {
    		#mainFieldWrapper {
    			width: 550px; margin-left: 10px; 
    		}
    	}

    shanticfm
    Participant

    Thanks for getting to the bottom of this!

    You are most welcome here 🙂

Viewing 8 posts - 1 through 8 (of 8 total)