Streaming live at 10am (PST)

Left aligning a form that is locked to centre


#1

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)


#2

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


#3

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:


#4

@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.


#5

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!


#6

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


#7

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

Bye for now,

Alex


#8

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