- Posts: 103
- Thank you received: 4
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Handling the position of custom logo
- baltzis
- Topic Author
- Offline
- Premium Member
Less
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!
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
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 103
- Thank you received: 4
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
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
7 months 4 days ago #250644
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 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
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 103
- Thank you received: 4
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!
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
- Away
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
7 months 3 days ago #250651
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 Handling the position of custom logo
That looks like a bug.
Add something like this to custom.css:
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
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 103
- Thank you received: 4
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.