Responsive form not displaying properly
By Leslie Buck on Friday, 09 October 2015
Posted in Technical Issues
Likes 0
Views 430
Votes 0
You guys recently helped me with this issue:
http://stackideas.com/forums/how-to-install-module-on-entries-page-between-author-bio-and-related-posts

I inserted the new module in the new module position and everything seems to be functioning ok, but I have been trying for hours to fix the form field and button that do not display properly. They overlap the page.

They are not displaying properly when using mobile or when compressing the screen on my desktop browser.

The form has he same attributes as another form on the page (top right), but for some reason this one is not displaying properly in the new module position. You can see the issue in my screen capture.

Is this a CSS problem or a responsive issue?

thank you,
Leslie
Hey Leslie,

I checked this module is not developed by us, it actually come from RSForm! Pro Module.

By the way, I already applied some css fix in this file /css/rt_leviathan-custom.css



@media (max-width:768px)

{

body div#fd .readon {

    width: 100% !important;

    white-space: pre-line;

}

}


it should work fine now.
Arlex Wong
·
Saturday, 10 October 2015 01:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,
Thank you very much for the help. It looks great on my phone, but I am still having the same issue when browsing with Firefox 41.0.1 on a Mac.
Any recommendations?

I contacted you because I thought perhaps there was some issue with the module and Easyblog or the fact that the module position was new. I'm sorry to ask you when it is not related to Easyblog. CSS and any coding is above my head. The best I can do is make a guess then experiment with cut and paste

thank you,
Leslie
Leslie Buck
·
Saturday, 10 October 2015 02:30
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.

Hmm, may i know what you would like to style it?
Arlex Wong
·
Saturday, 10 October 2015 02:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry I did not explain. The form field and button still do not size to the browser when it is compressed.
Leslie Buck
·
Saturday, 10 October 2015 02:55
·
0 Likes
·
0 Votes
·
0 Comments
·
it okay, This screenshot is view from Firefox ?
Arlex Wong
·
Saturday, 10 October 2015 03:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, it is Firefox 41.0.1 on a Mac. I learned that I can test the responsive designs by compressing the browser window size this way.
Leslie Buck
·
Saturday, 10 October 2015 03:40
·
0 Likes
·
0 Votes
·
0 Comments
·
It work fine in my firefox browser, can you try clear all of your browser/Joomla cache and see how it goes?
Arlex Wong
·
Saturday, 10 October 2015 03:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Oops! So sorry, that did it.

I thought with caching on the site being off, then the changes would show right away.

thank you very much,
Leslie
Leslie Buck
·
Saturday, 10 October 2015 04:21
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome, glad to heard your issue resolved.
Arlex Wong
·
Saturday, 10 October 2015 04:23
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post