Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #262227

    Hello,

    First off I just wanted to say thank you for creating such a great theme, it has been a pleasure to work with.

    The only issue I have encountered so far was with the included contact form, I wanted to have 4 fields and the submit button spanning horizontally on the same line as opposed to just 2 fields per line which seemed to be the limit by default.

    I found a solution on your forum (https://kriesi.at/support/topic/contact-form-elements-width/) where someone was encountering a similar issue and by modifying the css as outlined in the thread I was able to get everything looking the way I wanted (http://i60.tinypic.com/2dmfiqa.jpg).

    Now my problem is when my website is viewed on a mobile device the contact form css doesn’t properly adjust and the fields for the contact form (First Name, Last Name, Phone Number, Email) end up overlapping instead of properly shifting to a new line like the other elements on the page.

    I’m hoping you can help with a solution, either a fix for the css or if there is a way to remove the contact form element from my homepage when viewed by a mobile device or maybe display an alternate version of the homepage for mobile devices where I can remove the contact form element?

    Thanks in advance.

    #262684
    This reply has been marked as private.
    #262698

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .avia_ajax_form .form_element_forth {
        float: none !important;
        width: 100% !important;
    }
    
    }
    

    Cheers! 
    Josue

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Contact Form fields on the same line alignment problem on Mobile devices’ is closed to new replies.