Problem with multiple-quote layout on Mobile
3 years 10 months ago #1186
by mvvfans
Problem with multiple-quote layout on Mobile was created by mvvfans
Hello. I've had this problem for a while now but the users are starting to complain.
Whenever users post a message with multiple quotes (more than two quotes), everything looks fine on a desktop resolution. However on mobile, the quotes are messed up and you have to scroll a very long time to see the message. See screenshot.
I updated to the newest Kvivid template on a test instance of my site but the problem persists. I think it's probably due to a conflict between my website template and Kvivid. Can you please have a look?
test.mvvfans.nl
I'll send the login info to This email address is being protected from spambots. You need JavaScript enabled to view it.
One example is the 2nd post on this page test.mvvfans.nl/forum/3-wedstrijden-mvv/...almere-city?start=45
Whenever users post a message with multiple quotes (more than two quotes), everything looks fine on a desktop resolution. However on mobile, the quotes are messed up and you have to scroll a very long time to see the message. See screenshot.
I updated to the newest Kvivid template on a test instance of my site but the problem persists. I think it's probably due to a conflict between my website template and Kvivid. Can you please have a look?
test.mvvfans.nl
I'll send the login info to This email address is being protected from spambots. You need JavaScript enabled to view it.
One example is the 2nd post on this page test.mvvfans.nl/forum/3-wedstrijden-mvv/...almere-city?start=45
3 years 10 months ago - 3 years 10 months ago #1187
by Eugene S.
Like our extensions for Kunena?
Add your voice to the JED listing with a 100 score review: bit.ly/2cIg8pF
Thanks!
Replied by Eugene S. on topic Problem with multiple-quote layout on Mobile
Hi there,
Yes, the problem is in your Joomla template.
Here is the CSS style which makes override:
test.mvvfans.nl/templates/mvv_fans_flash...e10/css/template.css
Remove or comment this line:
The result is in the pic:
You can remove all blockquote CSS code and you will get the following result:
Yes, the problem is in your Joomla template.
Here is the CSS style which makes override:
test.mvvfans.nl/templates/mvv_fans_flash...e10/css/template.css
blockquote {
background: #D8D9D8 url(../images/postquote.png) no-repeat scroll;
padding: 4px 4px 4px 41px;
margin: 10px 10px 10px 50px;
color: #0F0F0F;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
overflow: auto;
clear: both;
}Remove or comment this line:
margin: 10px 10px 10px 50px;The result is in the pic:
You can remove all blockquote CSS code and you will get the following result:
Like our extensions for Kunena?
Add your voice to the JED listing with a 100 score review: bit.ly/2cIg8pF
Thanks!
Moderators: Eugene S.