Mobile friendly contact form?

  • Unknown's avatar
    rkirt · Member ·

    My contact form is floating right and looks perfect on a desktop but it is not mobile friendly.

    ` <div style=”float:right;”>
    <h2>Get Your Free Insurance Quote Today!</h2>
    Fill out this short form and we will contact you shortly
    [contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Phone Number' type='text' required='1'/][contact-field label='Insurance' type='select' options='Personal,Commercial'/][/contact-form]

    </div>`

    Any help?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Baskerville is a crisp responsive theme that displays your writing, photos, and videos in a dynamic, masonry-based layout.

    Disable the mobile theme please. The mobile theme is a default theme and it’s a completely different theme that you do not need to enable at all. It’s provided for those running older themes that are not responsive https://en.support.wordpress.com/themes/mobile-themes/

    A responsive layout theme adapts to different screen sizes so that your website will work (and be optimized for) iPhones, iPads, Android and other mobile devices. When responsive width themes are viewed on mobiles sidebars appear below the posts in order to provide as much space as possible for reading.

    When we use a responsive theme we disable the mobile theme. Go to > Appearance > Mobile and disable the mobile theme.

  • Unknown's avatar
    rkirt · Member ·

    I turned it on thinking it would fix my problem but it did not. I just turned it off. Any advice now?

  • Unknown's avatar
    timethief · Member ·

    When we need Staff help with issues Volunteers cannot resolve we type modlook into the sidebar tags on our forum threads like this one. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Then please subscribe to this thread so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • Unknown's avatar
    rkirt · Member ·

    Thanks!

  • Unknown's avatar
    timethief · Member ·

    You’re welcome.

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    Can you describe what you mean by making the contact form mobile friendly? Because mobile devices are not as wide as computer screens, on a mobile device the contact form won’t have space to float to the right the same way it does on a laptop or desktop computer. The contact form is working and fits on a mobile device, so it will help to know how exactly you want it to look.

    You may also want to check out our CSS Customization forum to get advice from expert staff and volunteers on how you might customize the contact form using Custom CSS (part of your WordPress.com Premium plan). Using CSS will give you more options to get it looking just how you want it on all devices.

  • The topic ‘Mobile friendly contact form?’ is closed to new replies.