Locking the Menu position to the extreme left of the browser
1 month 2 weeks ago #72791
by adricist
Replied by adricist on topic Locking the Menu position to the extreme left of the browser
Thanks Ced,
The project is currently on a development machine, and the live system is running behind a VPN.
I will setup a testing website for you this week and let you know once it is done.
I will be back in touch.
Regards,
Adri
The project is currently on a development machine, and the live system is running behind a VPN.
I will setup a testing website for you this week and let you know once it is done.
I will be back in touch.
Regards,
Adri
Please Log in or Create an account to join the conversation.
1 month 2 weeks ago #72798
by adricist
Replied by adricist on topic Locking the Menu position to the extreme left of the browser
This message contains secure information
Please Log in or Create an account to join the conversation.
1 month 2 weeks ago #72802
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Locking the Menu position to the extreme left of the browser
ok I have found a workaroung to make it works. The fact is that you are using the css class for icons from the menu items, and not the icon feature from Accordeon Menu CK. This makes the menu items and icons to not have the same html structure.
Please try to use this css code :
But, this will reduce the menu to icons on the 1st level, meaning that you manage the toggler button/state of your sidebar from the template. In your example of the admin sidebar, there is a toggler icon that reduce the sidebar width. I don't see this feature implemented in your website. Only a static sidebar
Please try to use this css code :
Code:
#accordeonck110 li.level1 > span a {
position: relative;
left: -300px;
}
#accordeonck110 li.level1 > span a [class*="icon"], #accordeonck110 li.level1 > span a [class*="fa-"] {
position: relative;
left: +300px;
}
But, this will reduce the menu to icons on the 1st level, meaning that you manage the toggler button/state of your sidebar from the template. In your example of the admin sidebar, there is a toggler icon that reduce the sidebar width. I don't see this feature implemented in your website. Only a static sidebar
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
1 month 2 weeks ago #72804
by adricist
Replied by adricist on topic Locking the Menu position to the extreme left of the browser
This message contains secure information
Please Log in or Create an account to join the conversation.
1 month 2 weeks ago #72805
by ced1870
everything has to be managed in your template
now I give you a new css code to make the menu not more than the icons width
of course you can adapt the dimensions
check now, the menu will shrink but your sidebar not ...
Joomlack Webmaster and Developer
Replied by ced1870 on topic Locking the Menu position to the extreme left of the browser
of course, this is what I try to explain you since the beginningMenu does not totally shrink to the icons width
everything has to be managed in your template
now I give you a new css code to make the menu not more than the icons width
Code:
#accordeonck110 {
width: 60px;
}
#accordeonck110 li.level1 > span a {
position: relative;
left: -300px;
height: 60px;
width: 60px;
}
#accordeonck110 li.level1 > span a [class*="icon"], #accordeonck110 li.level1 > span a [class*="fa-"] {
position: relative;
left: +300px;
}
of course you can adapt the dimensions
check now, the menu will shrink but your sidebar not ...
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
1 month 2 weeks ago - 1 month 2 weeks ago #72810
by adricist
Replied by adricist on topic Locking the Menu position to the extreme left of the browser
That worked perfectly Ced, Thank you!
Not sure what you meant by "the menu will shrink but your sidebar not ...". The sidebar seems to be following and adapting to the Menu width perfectly when shrinking. Do you mean that it does not expand back and stays shrunk all the time?
If so, what we now need is for the sidebar to expand back when we click any of the + icons in the Menu. What we basically need is for your code to only work:
Any chances you could help me fine tune your CSS code further to achieve this? We seem to be pretty close! 🙏
Thank you heaps for all your help,
Adri
Not sure what you meant by "the menu will shrink but your sidebar not ...". The sidebar seems to be following and adapting to the Menu width perfectly when shrinking. Do you mean that it does not expand back and stays shrunk all the time?
If so, what we now need is for the sidebar to expand back when we click any of the + icons in the Menu. What we basically need is for your code to only work:
- When NO - (MINUS) signs are displayed in the Accordeon Menu!
Any chances you could help me fine tune your CSS code further to achieve this? We seem to be pretty close! 🙏
Thank you heaps for all your help,
Adri
Last edit: 1 month 2 weeks ago by adricist.
Please Log in or Create an account to join the conversation.
Time to create page: 0.228 seconds