-
anjaalmonteAsked 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
Page URL: https://form.jotform.com/92138126961156 -
jherwinReplied 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.
-
anjaalmonteReplied 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!