How to align properly on Iphone dropdown

  • Profile Image
    avokadobar.ist
    Asked on November 25, 2021 at 09:21 PM


    Hello

    I have an issue regarding the width of my dropdown menus in the form on the iPhone... <the drop down menu and the label are not on the same line .

    This is what i get.

    1637892890_61a0431a8f51e_file-7.jpg


    Bu i want this

    1637893102_61a043ee471d3_Screenshot_2021


    Ive tried to add in the form designer in style part, in the inject custom css the next code but did not work at all. :(

    @media only screen and (min-device-width: 320px) and (max-device-width: 736px) {


    li[data-type="control_dropdown"] > div.form-input {


      width: 50% !important;


    }


    }



  • Profile Image
    Lorenz_A
    Answered on November 25, 2021 at 10:53 PM

    Hi there,

    Kindly please try this code below.

    @media only screen and (min-device-width: 320px) and (max-device-width: 736px) {

    .form-line{

    display:flex !important;

    }

    .form-line .form-label{

    width: 30%!important;

    }

    }

    I hope this helps. Please let us know how it goes.

  • Profile Image
    avokadobar.ist
    Answered on November 28, 2021 at 09:49 PM

    Hello

    THANKSSS...it kinda does it. The one that i had with left alignment went to the top and all the others with Top alignment went to the left. So I did the opposite to reach my goal.