Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 19, 2017 at 6:15 pm #866379
    Archie

    Hi there Enfold team!

    I noticed that the contact form “submit” button does not center on mobile.

    http://prntscr.com/gzfprz

    The Label/Send Button alignment is currently set to “Default” and it is perfectly aligned to center on desktop view, but not on mobile. Curiously when I set it to center, it goes to the right side, both on desktop and mobile view.

    Can you look into this please?

    Thanks!

    October 19, 2017 at 6:19 pm #866381
    Jordan Shannon

    Hey hackoffseries,

    Hello,

    It seems the link you have provided is not working for me. Can you please check it again?

    Best regards,
    Jordan Shannon

    October 20, 2017 at 6:02 pm #866812
    Archie

    Hey Jordan!

    Thank you for your response! Sorry about that, here’s the working URL

    https://prnt.sc/gzfprz

    Thanks!

    October 20, 2017 at 10:06 pm #866886
    Jordan Shannon

    Hi,

    Apologies for the miscommunication, I meant the wp-admin link. It’s still not working for me.

    Best regards,
    Jordan Shannon

    October 26, 2017 at 6:29 pm #869277
    Archie

    Hey Jordan sorry my bad here it is!

    October 27, 2017 at 2:13 pm #869564
    Victoria

    Hi hackoffseries,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  .main_color input[type='submit'] {
    left: 0%;
    position: relative;
    margin:0 auto;
    display: block;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 31, 2018 at 11:39 pm #905892
    rkb317

    I tried this code and it isn’t working for me. See URL below. Please advise. Thank you!

    January 31, 2018 at 11:43 pm #905895
    Jordan Shannon

    Hey rkb317,

    Please add more context to your issue. Are you running into the same issue as the author of this topic?

    Best regards,
    Jordan Shannon

    January 31, 2018 at 11:46 pm #905898
    rkb317

    I am trying to center the contact form submit button, but it just shows up right justified.

    February 1, 2018 at 3:32 am #905963
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 767px) {
p.form_element.form_element_third {
    margin-left: 33% !important; 
}
}

    Best regards,
    Mike

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