I am using LS 3.17.13 and an extended theme of fruity. I have a logo and progress bar for the survey. They work fine if using the laptop but do not show up in mobile view. Majority of my respondents are using mobile to fill in the survey so this is a serious annoying issue. I cannot change the theme as it is required by the owner of 1 measurement I used in the survey.
The survey is active at chatluongcuocsong.limequery.com/492931
It is obviously a theme issue, so I am not sure what you want us to say. If the theme doesn't show the logo and the progressbar, the only way to show it is to modify the theme, I guess...
Help us to help you!
Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
I am sorry to be unclear. I mean I cannot change to another theme but I can modify the current theme. So if there is a way to fix that issue by modify the code, I can do so. Please help! Thank you very much
Hi,
that's what holch said: Obviously it's a theme issue.
There might be some media queries "@media (min-width: 768px) { ... }" or some bootstrap classes like ".hidden-xs" that don't display some elements on small screens.
So you have to examine the theme.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. -
Professional support
-
Plugins, theme and development
. I don't answer to private message.
Could you please let me know which file should I look at? I am new to Limesurvey and I also do not have coding experience so please kindly advise more specific. Thank you very much
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. -
Professional support
-
Plugins, theme and development
. I don't answer to private message.
Thank you so much. The logo show perfectly fine now. However, the progress bar is still missing. How can I fix it? I assume it should be the problem with progress_bar.twig so I looked at the code there but have no clue
Code:
{# do not show on "completed/thank you page" page #}
{% if not aSurveyInfo.aCompleted %}
<!-- Top container -->
<div class="{{ aSurveyInfo.class.topcontainer }} space-col" {{ aSurveyInfo.attr.topcontainer }} >
<div class="{{ aSurveyInfo.class.topcontent }} container-fluid" {{ aSurveyInfo.attr.topcontent }} >
{% if aSurveyInfo.format != 'A' and aSurveyInfo.showprogress is defined and aSurveyInfo.showprogress == 'Y' %}
{{ registerPublicCssFile('lime-progress.css') }}
{% set progressValue = ( aSurveyInfo.progress.total > 0 ) ? intval( (aSurveyInfo.progress.currentstep - 1) / aSurveyInfo.progress.total * 100 ) : 0 %}
<div class="{{ aSurveyInfo.class.progress }}" {{ aSurveyInfo.attr.progress }}>
<div class="{{ aSurveyInfo.class.progressbar }}" {{ aSurveyInfo.attr.progressbar }} role="progressbar" aria-valuenow="{{ progressValue }}" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: {{ progressValue }}%;">
{{ progressValue }}%
</div>
</div>
{% endif %}
</div> <!-- must hide it without javascript -->
</div>
{% endif %}
