Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 21, 2017 at 4:07 pm #854935
    Pointbreakd

    Hi – you all suggested some quick code which worked great to center the mailchimp button on a typical screen but made it off to the right on mobile.

    Any way to fix? Link in private section.

    Thanks!

    September 22, 2017 at 2:52 pm #855389
    Pointbreakd

    Just checking on this – thanks.

    September 23, 2017 at 4:54 am #855681
    Rikard

    Hi,

    You have this in your child theme CSS file which is causing that:

    p.form_element.first_form.form_element.form_element_two_third.av-last-visible-form-element.modified_width {
    margin-left: 16%!important;
}

    Not sure what you are using it for but I would suggest that you remove it.

    Best regards,
    Rikard

    September 23, 2017 at 5:37 pm #855831
    Pointbreakd

    Thanks, you guys had suggested that I add that code. I’ve removed it, but I want the button to line-up as centered (centered is set it’s just not working for some reason…). Any way to center it so it works on all screens?

    September 24, 2017 at 7:21 am #855968
    Rikard

    Hi,

    Maybe it would be better to have the button full width instead?

    p.av-last-visible-form-element {
  min-width:100% !important;
}

    Best regards,
    Rikard

    September 25, 2017 at 3:11 pm #856499
    Pointbreakd

    Thanks – I don’t need shortcode for that – it’s the mailchimp signup element so I can select the button width and I’d prefer 2/3 and for it to be centered. Are you saying that this is a theme bug that can’t be fixed?

    September 25, 2017 at 3:38 pm #856526
    Jordan Shannon

    Hi,

    I don’t think that was said or implied anywhere above. Please add the following to quick css:

    p.form_element.first_form.form_element.form_element_two_third.av-last-visible-form-element.modified_width {
    margin-left: 16%!important;
}

@media only screen and (max-width: 767px)  {

p.form_element.first_form.form_element.form_element_two_third.av-last-visible-form-element.modified_width {
    margin-left: 0%!important;
}
}

    Best regards,
    Jordan Shannon

    September 25, 2017 at 6:01 pm #856636
    Pointbreakd

    That code messed up the margins on the entire site…

    September 25, 2017 at 11:51 pm #856724
    Jordan Shannon

    Hi,

    I’m not seeing that. If so, please provide a screenshot so I can see the problem areas. The css is targeted to the button alone so it should have no effect on other margins.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.