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

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 )

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?

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 ]

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.

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.

@Bigred... Thank you for the link! Very useful
@esyild... You're welcome!

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?

Place it at the end of template.css so it has more relevance than previous rules (if any).