Form width is not the same when embedded on the website

I'm trying to revamp my website and use you for custom pages and my forms aren't looking the same when I preview my forms vs on my website. My phone preview also doesn't look the same. How can I fix this?

https://form.jotform.com/61545055522148

the form vs the webpage

https://www.heatherbeachphotography.com/start-here

Mostly the form width isn't the same and I'd like column for the desktop version but no columns for the phone version.

thanks,

Heather

Hi Heather,

Thanks for reaching out to Jotform Support. I checked your website and it seems that the layout you have embedded the form has a fixed width and height. You need to edit this in your website CSS. You can try editing your style CSS and adding this CSS code:

.fixed-width {

   width: auto;

   margin: 0 auto;

}

If this doesn't work, you may need to contact your developers to check on this. We don't provide custom form creation or designing services, but you're welcome to work with a third party who may be able to help you. You can check out our Jotform Solutions Partner Directory for a list of consultants who've asked to be included. 

You can get in touch with the right Solutions Partner for you by sorting them by location, type of service, industry, language support, or partner tier. Just fill out the contact form for the Jotform partner you'd like to work with, so they can make the necessary preparations to help you.

Keep in mind, though, that these parties operate independently of Jotform, so we assume no responsibility or liability for their work or their actions. 

Let us know if you have any other questions.