2 column responsive form

Posted · Add Comment

Scheduler Forums BirchPress Scheduler 2 column responsive form

This topic contains 7 replies, has 4 voices, and was last updated by  Maidu 3 weeks, 6 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #29620

    Daniel Kacvinski
    Participant

    Question is I have used the code to make my form 2 columns on the page but when viewed on my iPhone 6 the form is not responsive and does not go into one column, the 2 columns overlap.

    Is there a way to make the 2 coulmn form responsive so when viewed on a mobile device it becomes 1 column?

    #29621

    Daniel Kacvinski
    Participant

    forgot to give you URL for site : http://featherlashandbrow.com/book/

    #29624

    Jennifer
    Keymaster

    Hi Daniel,

    If most of your customers use mobile devices for bookings, we suggest you using one column form. Two column form is not well supported on mobile devices.

    #29625

    Daniel Kacvinski
    Participant

    Jennifer,

    With that is there a way to center the form on the page? When I make it one column it goes flush left and the client would like it centered on the page

    #29664

    Jennifer
    Keymaster

    Hi Daniel,

    There could be. Please submit a ticket and share me the link to your booking page.

    #30658

    John Budz
    Participant

    I too am interested in making my form a 2 column layout. I can control the responsiveness via CSS media queries, but the current markup won’t allow for it to be broken into 2 separate columns. Any chance this can be done by customizing the HTML?

    I realize a plugin update would overwrite the change, but I could always put it back in this event.

    #36177

    Maidu
    Participant

    Add this to you’r functions.php

    add_filter(‘birchschedule_booking_form_fields’, ‘birchschedule_cc_booking_form_fields’, 30);

    function birchschedule_cc_booking_form_fields($html) {
    return str_replace(‘<li class=”birs_form_field birs_client_section” >’, ‘

      <li class=”birs_form_field birs_client_section” >’, $html);
      }

      Now you have two column layout.
      CSS for this:

      #birs_appointment_form > div > ul:first-of-type {
      float: left;
      width: 30%;
      }

      #birs_appointment_form > div > ul:last-of-type {
      float: left;
      width: 30%;
      }

    #36178

    Maidu
    Participant

    I mean, this plugin sucks. Developers are cashing in hard and not providing ANY useful support and features. It’s just sad.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Comments are closed.