Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By V. Noel on
Hello,
I am working on our site and we have an elaborate sidebar section in our children's section.
I was wondering how I could get my sidebar to look like this one.
As you can see, you can extend the block.
I am all about presentation and I do not want trails of information dragging on the sidebar.
Especially if the main content is not as long.
Thanks!
Comments
=-=
menus in separate blocks use and style https://www.drupal.org/project/collapsiblock else investigate the DHTML menu module and styleThe theme in the example you provided is boostrap as such there may be a bootstrap add on or bootstrap specific styling that is required.
I am still very confused by
I am still very confused by what you said. :/
I am a newbie and that stuff does not make any sense to me at all.
=-=
are you using the bootstrap theme?
If using bootstrap, this may
If using bootstrap, this may require work either with JS, or custom theming with your particular menu block:
http://getbootstrap.com/javascript/#collapse
If not, this may help get you started in the right direction:
http://www.jacklmoore.com/notes/jquery-accordion-tutorial/
http://www.jacklmoore.com/demo/accordion.html#improved
The structure is matching Drupal menus except for DIV .content which is equivalent to sub-menu UL.menu.
Change all CSS selectors to match your Drupal ones.
You can append the caret (+ icon) either using jquery .append(), or the theme_menu_link(), or other theme where appropriate.
I have been using the later solution for custom mobile menus with success, so you can, too.
Use firebug for FF, or press f12 for Chrome to help you more.
love, light n laughter
thanks
Thanks so much for the information. I am not sure if I am using bootstrap. We got a premium theme. I think this is just way over my head so I might just forget about it.