How to center Language flag on mobile device?

  • Profile Image
    awcthailand
    Asked on August 05, 2017 at 06:46 PM

    I have a view problem that I hope you can help with. The language flag (English or Thai choice) should be centered just below the banner on my form. It is fine in a browser, but not on my mobile device... in this case an iPhone. It is cut off on the lefthand side. I fear my Thai customers are not going to catch it to change the language.

    I don't find a way to change any setting. But I really need it to be easier to see on cell phones... preferable centered as in the browsers. 

    Thanks,

    Joette

  • Profile Image
    Nik_C
    Answered on August 06, 2017 at 02:41 AM

    Please insert the below CSS code in your Custom CSS field:

    @media only screen and (max-device-width: 500px){

      div#langDd {

        position: relative!important;

        left: -130px!important;

        top: 50px!important;

    }

    }

    That will make your form look like this on a mobile device:

    Let us know if you have any further questions.

    Thank you!