The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk

Solution: mobile display progress bar

Labels

This Discussion is public

Notifications

I had the same issue as the person with the post below and I figured out a solution with pure css (below). It looks good on mobile and desktop and corrects some rendering errors desktop/mobile  (page content appearing through overlay).

https://formidableforms.com/help-desk/upload-field-has-strange-behaviour-used-with-mobile/

/* Progress Bar and Container - FIXED & PRETTY */

div#frm_loading_content img{width:100%;padding-bottom: 7px;}

div#frm_loading{z-index:10000;}

div#frm_loading_content{
z-index: 10000;
position: relative;
top: 0px;
margin: auto;
margin-top: 150px;
left: 0px;
width:80%;
max-width: 300px;
padding: 0px 10px 0px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: white;
}

div#frm_loading_content h3{margin-bottom: 0px;font-size: 15px;}

Discussion closed.