How to lower foreign language button position in my form?

  • anjaalmonte
    Asked on September 10, 2019 at 7:47 PM

    Hello,

    I was able to fix an issue where the header of my form was not displaying when on a mobile device. This was fixed via dropping a few lines into the CSS which were provided by Jotform Support member @Mike_G..

    https://www.jotform.com/answers/1091368-Header-with-header-logo-being-cut-off-on-mobile-devices

    * my next question comes in as to how do I move down a foreign language selection button a few spaces. now that the header is behaving correctly with mobile devices, the language selection button in overlapping it and its hard to see it.


    Thank you in advance for the assistance!


    Donny

    Jotform Thread 1959328 Screenshot
  • jherwin
    Replied on September 10, 2019 at 7:55 PM

    Please use this custom CSS code: 

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
    div#langDd {
        top: 30px!important;
    }}

    Guide: How-to-Inject-Custom-CSS-Codes

    You can still adjust the position by changing the 30px value to your preference.

    Please give it a try and let us know how it goes.

  • anjaalmonte
    Replied on September 10, 2019 at 10:31 PM

    Great it worked! thank you so much. I had to go as far as 60px but i looks better now.


    Thank you @jherwin!