Logo in der Smartphone Ansicht

Plus d'informations
il y a 2 mois 3 semaines - il y a 2 mois 3 semaines #192687 par 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?

Pièces jointes :
Dernière édition: il y a 2 mois 3 semaines par mistersurvey.

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 2 mois 3 semaines #192688 par Joffm
Réponse de Joffm sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 3 semaines - il y a 2 mois 3 semaines #192695 par tpartner
Réponse de tpartner sur le sujet Logo in der Smartphone Ansicht
Extend the theme and either...

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

@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.
Official LimeSurvey Partner - partnersurveys.com
Pièces jointes :
Dernière édition: il y a 2 mois 3 semaines par tpartner.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 3 semaines - il y a 2 mois 3 semaines #192790 par mistersurvey
Réponse de mistersurvey sur le sujet 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?



{# 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 %}
Pièces jointes :
Dernière édition: il y a 2 mois 3 semaines par mistersurvey.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 3 semaines #192802 par tpartner
Réponse de tpartner sur le sujet 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):

@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.
Official LimeSurvey Partner - partnersurveys.com

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 2 semaines #192835 par mistersurvey
Réponse de mistersurvey sur le sujet Logo in der Smartphone Ansicht
This makes the logo smaller in all screen sizes which I didn't want. Thanks anyway.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 2 mois 2 semaines #192863 par tpartner
Réponse de tpartner sur le sujet 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.
Official LimeSurvey Partner - partnersurveys.com

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!