- Posts: 3
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Logo in der Smartphone Ansicht
- mistersurvey
- Topic Author
- Offline
- New Member
Less
More
4 years 2 months ago - 4 years 2 months ago #192687
by mistersurvey
Logo in der Smartphone Ansicht was created by mistersurvey
Last edit: 4 years 2 months ago by mistersurvey.
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
4 years 2 months ago #192688
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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
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.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
4 years 2 months ago - 4 years 2 months ago #192695
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 Logo in der Smartphone Ansicht
Extend the theme and either...
1) Add something like this to the end of your custom.css file:
2) Edit nav_bar.twig to remove the "hidden-xs" class from the .logo-container element:
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.
Attachments:
Last edit: 4 years 2 months ago by tpartner.
The topic has been locked.
- mistersurvey
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
4 years 2 months ago - 4 years 2 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: 4 years 2 months ago by mistersurvey.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
4 years 2 months ago #192802
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 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.
- mistersurvey
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
4 years 2 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.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
4 years 2 months ago #192863
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 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.