Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter johnny mosaic

    (@johnny-mosaic)

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    well, i found a little code that fixed the box width.

    input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
    -webkit-appearance: none; -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%; height: 40px;
    line-height: 40px; font-size: 17px;
    border: 1px solid #bbb;
    }

    is this ok you think? or is it messing up my backend?

    Plugin Author xnau webdesign

    (@xnau)

    No, that’s fine. It won’t affect the backend at all. Getting forms to look right on mobile is always tricky.

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    Thanks for the response, but I do need help with something on this… I need to apply it to the form that participants are and update when they use their private link.

    Also, if I wanted both the sign up firm and the participant private form to have the girls name descriptions above the entry fields rather then in a second column on the left, what do I need to change?

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    Here is a participant private link so you can see
    https://www.heartdoodle.com/user-page/?pid=XNY9A

    Plugin Author xnau webdesign

    (@xnau)

    To really take control of the layout, you’ll need to use a custom template. I suggest you start by using the bootstrap template, which doesn’t use table columns:

    [pdb_record template=bootstrap]

    info on using custom templates: Using Custom Templates

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    Okay, thank you, is there a list of custom templates somewhere and I’ll have to do is enter short code to change them?

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    Oh wait, nevermind, I see you gave me a link thank you

    Thread Starter johnny mosaic

    (@johnny-mosaic)

    well, i followed all the instructions but… i still cannot get the [pdb_record template=bootstrap] to display without bleeding off the edge on mobile displays. Any thoughts? or- do you have a templated css i can add?

    Plugin Author xnau webdesign

    (@xnau)

    I’m sorry,I can’t tell you what to put there, it has everything to do with your theme, the plugin just outputs generic HTML and lets the theme format it. You may get some help from theme support. The theme should scale the container so it fits a mobile screen, the plugin just follows along. Using the bootstrap theme will help it adapt to the width that the theme is setting, so stick with that.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘mobile sign up,form too big on vertical’ is closed to new replies.