WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Full-width dropdown showing ALL submenu's - Can it be done?

<< < (2/3) > >>

nibz:
I'm sorry then i can't help you.

This is more a question of CSS (+JS)
Maybe somebody else in the forum can help you.

I also tried and search google for a script to make a menu like the URL you posted, but till no didn't find any.

nibz:
I couldn't leave you hanging ;)

I did a little dive in the interwebs, and made this: http://nibz.nl/dev/

My showmenu2 code is

--- Code: ---<?php
show_menu2(
   $aMenu          = 0,
   $aStart         = SM2_ROOT,
   $aMaxLevel      = SM2_ALL,
   $aOptions       = SM2_ALL,
   $aItemOpen      = '[li][a][menu_title]</a>',
   $aItemClose     = '</li>',
   $aMenuOpen      = '<ul class="[class] pid[page_id]">',
   $aMenuClose     = '</ul>',
   $aTopItemOpen   = false,
   $aTopMenuOpen   = '<ul class="container">'
);
?>

--- End code ---

One small hint, the first page id of the first submenu has to go in the css

--- Code: ---.nav ul ul.pid8 {
background: red!important;
padding: 0 1000em; /* trick from css-tricks comments */
margin: 0 -1000em; /* trick from css-tricks comments */
min-height: 100px;
}

--- End code ---

In my example it is page-id8 (this is the first page child page, in general, on my site), but this can be another id on your website.
I couldn't find another solution to make it working.

Hope this helps you.

Regards Robin

CodeALot:
You rule :) Thanks a million! I'll go fiddle with that and make it fit the site, the basics are great already :)

Ruud:

--- Quote from: nibz on May 21, 2014, 12:57:26 AM ---I couldn't leave you hanging ;)

--- End quote ---

+1

nibz:
Glad you like it.
Since it was a CSS related i kept my demo as simple as possible.

For the future: this sorts of questions isn't show_menu(2); or even WebsiteBaker related.
Because if you can't make it in plain HTML + CSS (+js or jquery) then you can't make it in WebsiteBaker.

But i'm glad i could be at help with the issue on hand: CSS + HTML.

Navigation

[0] Message Index

[#] Next page

[*] Previous page