Left aligning a form that is locked to centre

Hey,

I have a sign up form on my site - see here (subdomain: /animation-2)

The form seems to lock to centrally align on tablet and mobile but I want it to stay left aligned. I got round this by adding some negative padding but this doesn’t work for all screen sizes.

What I’ve tried:

  • Floating left
  • Setting a fixed position
  • Removing all styles and remaking it
  • Adding negative padding

Does anyone have any ideas as to why this is happening & how to fix it?


Here is my public share link: (page: Animation 2)

(how to access public share link)

It is aligning middle because of auto margin. Set left to 0.

Hey Sam - Thanks for taking the time to help me.

Are you sure… I think the margin is set to -27% not auto:

When I change it to 0 it just moves right to the centre:

@alex_smilansky My mistake, it should be one element above the form, on “signup_v3”, which is currently set to auto left/right. You should not set a margin on the form itself.

Ahhh! Fantastic. That worked! :smile: Thank you!

I have a few more little problems that maybe you could help me with if you have a sec.

Both relate to the background video.

  1. The round ‘join’ button disappears on safari once the video loads
  2. I can’t seem to succeed in setting a placeholder image for loading
  3. Is it possible to keep the background video on mobile?

I can send you my embed code but for some reason it just pulls out the linked image and doesn’t display the code. Do you know how to fix that?

Here’s a screenshot for now:

Thanks again for your help Sam!

I’m not sure about this part, especially I can’t edit/publish your site to view it.

Ah right. No problem. Thanks for sorting the other issue Sam,

Bye for now,

Alex

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.