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
  • esyild's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 11 months ago #118614 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
The topic has been locked.
More
8 years 11 months ago #118616 by Ben_V
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
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
  • esyild's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
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?
Last edit: 8 years 11 months ago by esyild.
The topic has been locked.
More
8 years 11 months ago - 8 years 11 months ago #118629 by Ben_V
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 ]

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.
More
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
  • esyild's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
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.
The topic has been locked.
More
8 years 11 months ago #118652 by Ben_V
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!

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.
More
8 years 4 months ago #128601 by AGK925
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
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 3 months ago #128605 by tpartner
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.

Lime-years ahead

Online-surveys for every purse and purpose