Welcome to the LimeSurvey Community Forum

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

Handling the position of custom logo

  • baltzis
  • baltzis's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
7 months 4 days ago - 7 months 4 days ago #250625 by baltzis
Handling the position of custom logo was created by baltzis
Please help us help you and fill where relevant:
Your LimeSurvey version: 6.2.8+230921
Own server or LimeSurvey hosting: own server
Survey theme/template: Any
==================
How can I make the custom logo appear on the left side of the navigation bar? When "Show clear all button" is set to "No" and therefore no buttons are selected to appear on the right side of the navigation bar, the logo image appears on the far right side of the bar. It would be helpful to have some control on the location of the logo on the navigation bar.

Also, how can I make a smaller logo appear on smaller screens (mobile or tablet)? In the previous version (5.x) I used settings in the custom .css file (@media), but this does not seem to work with the latest version. The path was "../files/my_image.png". Is there something different in the new version?

Thanks in advance for your help!
Last edit: 7 months 4 days ago by baltzis.

Please Log in to join the conversation.

  • baltzis
  • baltzis's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
7 months 4 days ago #250641 by baltzis
Replied by baltzis on topic Handling the position of custom logo
There was an error on my original message: I meant to make the logo appear on the left side of the navigation bar (or header).

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 months 4 days ago #250644 by tpartner
Replied by tpartner on topic Handling the position of custom logo
Extend the theme and try this in the custom.css file:

Code:
#survey-nav > .container-fluid {
    display: block;
}
 
#survey-nav > .container-fluid .navbar-brand {
    float: left;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: baltzis

Please Log in to join the conversation.

  • baltzis
  • baltzis's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
7 months 3 days ago - 7 months 3 days ago #250650 by baltzis
Replied by baltzis on topic Handling the position of custom logo
Great! Thank for your prompt response. It worked fine.

Any idea why the menu button for small screens appears even though when all its options are disabled?

Setting "Participant may save and resume later:" to "No" should not allow the menu button to appear. However, it does appear in small screens, even though no relevant menu is activated (see screenshots). How can I disable it?

Many thanks again!

 

 
 
Last edit: 7 months 3 days ago by baltzis.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 months 3 days ago #250651 by tpartner
Replied by tpartner on topic Handling the position of custom logo
That looks like a bug.

Add something like this to custom.css:

Code:
#survey-nav > .container-fluid .navbar-toggler {
    display: none;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

  • baltzis
  • baltzis's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
7 months 3 days ago #250652 by baltzis
Replied by baltzis on topic Handling the position of custom logo
Thanks again! That worked great.

Please Log in to join the conversation.

Lime-years ahead

Online-surveys for every purse and purpose