• Resolved 温唯

    (@unbosomjam)


    I use “number” type , and add 16 number fields in a meta.
    every number has been set in 3 column , it works properly on desktop , but fails on mobile.
    how to fixed column to mobile appearance?

    Here is screenshot how it looks both on desktop and mobile.

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi,

    the hot fix for this is edit templates/render-fields.php near line 185

    replace:

    echo '<div data-data_name='.esc_attr($data_name).' class="ppom-field-wrapper ppom-col col-md-'.esc_attr($col).' '.esc_attr($input_wrapper_class).'">';

    with

    echo '<div data-data_name='.esc_attr($data_name).' class="ppom-field-wrapper ppom-col col-sm-'.esc_attr($col).' '.esc_attr($input_wrapper_class).'">';

    Thread Starter 温唯

    (@unbosomjam)

    Hi,
    Where can I find templates/render-fields.php?

    Thread Starter 温唯

    (@unbosomjam)

    Here’s a screenshot of my wp-content file

    View post on imgur.com

    I’m not sure which file is for PPOM plugin.

    Thread Starter 温唯

    (@unbosomjam)

    Hi,
    I’ve replaced the code to templates/render-fields.php
    here is the screenshot:

    View post on imgur.com

    but the page on mobile is not separated to 3 and 4 column like on desktop , they are still in one column.
    https://we-in.tk/product/sale-luggage-tag/

    is anything I did wrong?

    Hi,

    please use this one:

    echo '<div data-data_name='.esc_attr($data_name).' class="ppom-field-wrapper ppom-col col-'.esc_attr($col).' '.esc_attr($input_wrapper_class).'">';

    Thread Starter 温唯

    (@unbosomjam)

    It did work.
    Thank you very much.

    Good.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Columns not work on mobile’ is closed to new replies.