Form is too narrow for mobile devices

  • Resolved james377

    (@james377)


    5 years, 3 months ago

    Hello,
    This new thread is the continuation of this thread: click here.

    I put this CSS (below) on the form on this page, but the form is still too narrow for mobile:
    /* Mobile */
    @media screen and (max-width: 480px) {
    .forminator-custom-form-19647.forminator-design–flat {
    width: 75% !important;
    }
    }

    Note: If you changed the width to 100%, it still looks the same: narrow.

    Thanks,
    JL

    • This topic was modified 5 years, 3 months ago by james377.
    • This topic was modified 5 years, 3 months ago by james377.
    • This topic was modified 5 years, 3 months ago by james377. Reason: Update

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @james377

    I hope you’re fine today!

    I checked the site and the CSS that I can currently see there uses 75% width. I tried to change it to 100% directly in browser (editing that rule) and that seems to change the width nicely, making the form wider.

    Did you try clearing browser cache and cache on site/server (if there is such cahe) after setting it to 100%?

    Are you also using any CSS optimization plugins on site such as e.g. Autoptimize, Hummingbird or similar that could additionally “cache” the CSS? If yes, it would be worth clearing their cache as well.

    Could you please give it one more try and let me know if it helped or if there’s still no changes applied?

    Kind regards,
    Adam

    Thread Starter james377

    (@james377)

    Please re-read my original message above, I am referring to the “mobile” version, not the desktop. It’s impossible for you to “see” if changing the width to 100% fixes the narrowness problem of the form on mobile devices.

    Yes, Hummingbird (only).

    • This reply was modified 5 years, 3 months ago by james377.
    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @james377

    Dev Tools in Chrome can assist us to preview a mobile device, here’s what Adam meant with the above comment:
    https://monosnap.com/file/o5Dgmpkj3wn5QMSeRDt9I1v4O4Mklh

    Can you please make sure to purge all caches (from Caching and Asset Optimization) and check again?

    Thank you,
    Dimitris

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello @james377

    I’m marking this topic as “resolved” due to recent inactivity.
    Feel free to post back any updates and we can re-open it and continue troubleshooting. ??

    Take care,
    Dimitris

    Thread Starter james377

    (@james377)

    Hello,
    Sorry for the late response, I just got back from vacation. I got started on the forms again today and ran into something new, not letting me continue fixing the problems I was dealing with before. I made a video about it: click here.

    Thanks,
    JL

    • This reply was modified 5 years, 2 months ago by james377.
    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    I’m sorry once again @james377 for the late response here.

    Could you please send me an email to [email protected] using this template:

    Subject: “Attn: Dimitris”

    Message: link back to this thread for reference

    Keep in mind the subject line as ensures that it gets assigned to me.

    Thank you,
    Dimitris

    Hello @james377,

    I hope you’re doing well!

    We’ve not heard from you in a while in this thread. I’ve marked this ticket as resolved for now, but if you need anything else at all, we’re here for you, please just reopen the ticket or create a new one.

    Have a good day and take care!

    Kind regards,
    Nastia

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Form is too narrow for mobile devices’ is closed to new replies.