Hi,
I need some help in styling Cassiopeia with user.css file.
What I am trying to achieve is to use Accordeon Menu CK and make it behave in the Sidebar-Left in as close way to how the default Joomla Back-End Menu behaves.
Basically when selecting the position Sidebar-Left, we would like the Accordeon Menu to always fill the sidebar left fully and stay close to the left edge, similarly to how it works in the back end Joomla Menu. We do not want the sidebar-left to expand with further gaps, using unnecessary width, so that the article's content displayed in the "message" position also aligns to the left, as close as possible to the Accordeon menu.
If the attached module positions for Cassiopeia - Default is right, then I suppose we would need to "remove" or reduce to zero the "body", the "site grid container", and the "blue area" I have marked.
We would then have to make sure that the sidebar left would always be the width of the accordeon menu without expanding when the browser window is made wider, and all the positions "breadcrumbs", main-top", "message", "component" and "main-bottom", should also always align to the left, next to the accordeon menu.
Do you think this should be achievable with some CSS override of the template, in order to obtain a similar behavior to what we have in the Joomla backend?
Thank you in advance.
Regards,
Adri
I need some help in styling Cassiopeia with user.css file.
What I am trying to achieve is to use Accordeon Menu CK and make it behave in the Sidebar-Left in as close way to how the default Joomla Back-End Menu behaves.
Basically when selecting the position Sidebar-Left, we would like the Accordeon Menu to always fill the sidebar left fully and stay close to the left edge, similarly to how it works in the back end Joomla Menu. We do not want the sidebar-left to expand with further gaps, using unnecessary width, so that the article's content displayed in the "message" position also aligns to the left, as close as possible to the Accordeon menu.
If the attached module positions for Cassiopeia - Default is right, then I suppose we would need to "remove" or reduce to zero the "body", the "site grid container", and the "blue area" I have marked.
We would then have to make sure that the sidebar left would always be the width of the accordeon menu without expanding when the browser window is made wider, and all the positions "breadcrumbs", main-top", "message", "component" and "main-bottom", should also always align to the left, next to the accordeon menu.
Do you think this should be achievable with some CSS override of the template, in order to obtain a similar behavior to what we have in the Joomla backend?
Thank you in advance.
Regards,
Adri
Statistics: Posted by adricist — Fri Sep 27, 2024 7:21 am