- Posts: 4
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
font size changes in the mobile version
- esyild
- Topic Author
- Offline
- New Member
Less
More
8 years 11 months ago #118614
by esyild
font size changes in the mobile version was created by esyild
Dear people
I have searched the forums but havent seen anyone having my problem before.
1.) My font-size of the questions and asnwers are the same :14px. Everything is fine when I display it on the computer. However, on the mobile version - the question font sizes are changing even though they are the same type. When I renew the page, they keep changing randomly. (see the image)
2.) Eventhough I set the font size as 14px both answers and questions. On the mobile, the answers look like 10px not 14px.
Do you know how I can fix it? I use the eirenincon template.
Thanks and kind regards
I have searched the forums but havent seen anyone having my problem before.
1.) My font-size of the questions and asnwers are the same :14px. Everything is fine when I display it on the computer. However, on the mobile version - the question font sizes are changing even though they are the same type. When I renew the page, they keep changing randomly. (see the image)
2.) Eventhough I set the font size as 14px both answers and questions. On the mobile, the answers look like 10px not 14px.
Do you know how I can fix it? I use the eirenincon template.
Thanks and kind regards
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
8 years 11 months ago #118616
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic font size changes in the mobile version
Try to add this in your (copy of) eirenincon template.css file
I encourage you to switch to a more responsive template like citronnade. (Search the forum there is some great discussions about this )
Code:
html {-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
I encourage you to switch to a more responsive template like citronnade. (Search the forum there is some great discussions about this )
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The following user(s) said Thank You: esyild
The topic has been locked.
- esyild
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
8 years 11 months ago - 8 years 11 months ago #118627
by esyild
Replied by esyild on topic font size changes in the mobile version
Hello Ben!
Thanks a lot. It fixed my problem!
I have a look to the citonade and its mobile version is much better than any other templates. My only problem with citronade is with the array type questions.The anchors (agree-strongly agree) does not fit. see the screenshot
Do you know what I can do to fix this?
Thanks a lot. It fixed my problem!
I have a look to the citonade and its mobile version is much better than any other templates. My only problem with citronade is with the array type questions.The anchors (agree-strongly agree) does not fit. see the screenshot
Do you know what I can do to fix this?
Last edit: 8 years 11 months ago by esyild.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
8 years 11 months ago - 8 years 11 months ago #118629
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic font size changes in the mobile version
No no idea ... CSS rules investigation needed... it's difficult to manage arrays for small devices!
Have a look at skeletonquest made by Denis also author of citronnade). I'm using it for this questionnaire (array).
For me it's (one of) the best open-source template ever provided for LS. [=> other RWD templates available ]
Have a look at skeletonquest made by Denis also author of citronnade). I'm using it for this questionnaire (array).
For me it's (one of) the best open-source template ever provided for LS. [=> other RWD templates available ]
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Last edit: 8 years 11 months ago by Ben_V.
The following user(s) said Thank You: esyild
The topic has been locked.
- Bigred01
- Offline
- Premium Member
Less
More
- Posts: 88
- Thank you received: 33
8 years 11 months ago #118641
by Bigred01
Replied by Bigred01 on topic font size changes in the mobile version
Tpartner left a scrip and some css that helps tremendously with this issue here
www.limesurvey.org/en/forum/design-issue...scale-and-screen-fit
. It replaces the array with a drop down select grid if the max width is smaller than a set amount. If you don't want to use drop down, you can set a min width for array questions and people on mobile can do a bit of side scrolling.
The following user(s) said Thank You: Ben_V, esyild
The topic has been locked.
- esyild
- Topic Author
- Offline
- New Member
Less
More
- Posts: 4
- Thank you received: 0
8 years 11 months ago #118649
by esyild
Replied by esyild on topic font size changes in the mobile version
Dear Ben,
Thanks a lot for your recommendation. You are a lifesaver! I have found this version of skeletonquest from Denis: gitorious.org/skeletonquest
Great for the mobile and the web version.
Many thanks again.
Thanks a lot for your recommendation. You are a lifesaver! I have found this version of skeletonquest from Denis: gitorious.org/skeletonquest
Great for the mobile and the web version.
Many thanks again.
The topic has been locked.
- Ben_V
- Offline
- Platinum Member
Less
More
- Posts: 1223
- Thank you received: 351
8 years 11 months ago #118652
by Ben_V
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
Replied by Ben_V on topic font size changes in the mobile version
@Bigred... Thank you for the link! Very useful
@esyild... You're welcome!
@esyild... You're welcome!
Benoît
EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)
The topic has been locked.
- AGK925
- Offline
- New Member
Less
More
- Posts: 16
- Thank you received: 3
8 years 4 months ago #128601
by AGK925
Is there a specific place in the template.css file where this code should be inserted?
Replied by AGK925 on topic font size changes in the mobile version
Ben_V wrote: Try to add this in your (copy of) eirenincon template.css file
Code:html {-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
I encourage you to switch to a more responsive template like citronnade. (Search the forum there is some great discussions about this )
Is there a specific place in the template.css file where this code should be inserted?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3690
8 years 3 months ago #128605
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic font size changes in the mobile version
Place it at the end of template.css so it has more relevance than previous rules (if any).
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.