Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Logo in der Smartphone Ansicht

More
6 years 8 months ago - 6 years 8 months ago #192687 by mistersurvey
Logo in der Smartphone Ansicht was created by mistersurvey
Hello, I am using the fruity theme of limesurvey. When I reduce the screen size the logo disappears. Where can I change this? I want to have the logo also visible on smartphones. Maybe I have to make some adjustments to the media-queries, but on which file?

Last edit: 6 years 8 months ago by mistersurvey.
The topic has been locked.
Partner Banner
More
6 years 8 months ago #192688 by Joffm
Replied by Joffm on topic Logo in der Smartphone Ansicht
Hi,
this is the English part of the forum.
So, please, write in English or use the German part.

Hallo, dies ist der englische Teil des Forums.
Daher schreibe bitte auf Englisch oder nutze den deuteschen Teil.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
6 years 8 months ago - 6 years 8 months ago #192695 by tpartner
Replied by tpartner on topic Logo in der Smartphone Ansicht
Extend the theme and either...

1) Add something like this to the end of your custom.css file:

Code:
@media only screen and (max-width: 767px) { .logo-container.hidden-xs { display: block !important; } }


2) Edit nav_bar.twig to remove the "hidden-xs" class from the .logo-container element:

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 6 years 8 months ago by tpartner.
The topic has been locked.
More
6 years 8 months ago - 6 years 8 months ago #192790 by mistersurvey
Replied by mistersurvey on topic Logo in der Smartphone Ansicht
Thanks for your help! One design-issue left. Is there any possibility to smaller the size between the logo and the burger button or better make them both inline?



Code:
{# Logo option #} {% if( aSurveyInfo.options.brandlogo == "on") %} <div class="{{ aSurveyInfo.class.navbarbrand }} logo-container" {{ aSurveyInfo.attr.navbarbrand }} > {{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive"}) }} </div> {% else %} <div class="{{ aSurveyInfo.class.navbarbrand }}" {{ aSurveyInfo.attr.navbarbrand }} > {{ aSurveyInfo.name }} </div> {% endif %}
Last edit: 6 years 8 months ago by mistersurvey.
The topic has been locked.
More
6 years 8 months ago #192802 by tpartner
Replied by tpartner on topic Logo in der Smartphone Ansicht
Try something adding something like this to the end of your custom.css file (untested because I'm responding from my phone):

Code:
@media only screen and (max-width: 767px) { .logo-container.hidden-xs { max-width: 60%; } }
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
6 years 8 months ago #192835 by mistersurvey
Replied by mistersurvey on topic Logo in der Smartphone Ansicht
This makes the logo smaller in all screen sizes which I didn't want. Thanks anyway.
The topic has been locked.
More
6 years 8 months ago #192863 by tpartner
Replied by tpartner on topic Logo in der Smartphone Ansicht
Can you activate a sample survey and give a link here so we can see the styles?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source