WB Menu vs. Own Menu

[nibz]

Any succes with it?

I see you are trying to give the UL a padding, but that's not possible due to the dropdowns.
You can make a menu-wrapper div and give that some width and padding.

or you can center the menu completly by changing the .sf-menu code to

Code Select Expand


display: table;
margin: 0 auto;


hope that helps

[nibz]

I would spare the work of trying to implement this type of menu,
And i would use Superfish, it's much easier.

I made an example for you:(4/6/12 URL REMOVED)
Hover over mega-menu (template is only active at the mco-test page tough!)

And when i was on it, i just cleared some inconsisties on the way you link to the images etc.
(hope you like it, and can do what you like with it)

PM-ed you a download link

[arrow345]

Marmot,

Thank you so much. I'll be looking at the documentation...maybe I'll see where the problem lies. I was very confused when the sm2 fix that was suggested didn't work.

Also, based on what you sent, there'll be another issue of the li items having different classes depending on whether they are part of a submenu, are linked to something, or are just meant to be hovered over.

Hopefully we'll figure it out soon =)

[marmot]

Hi,

Any other suggestions?

got a lot of but maybe one of the sm2 experts will have a look at it.
My help might be a bit abstract:
First of all, Firebug again shows an error, so there is something wrong with the js stuff.
What is the task?
-It's to get sm2 to give us a source code that can be recognized by tinymenu.
How does this code has to be?
-looking at the examples of tinyscript we see something like that:

Code Select Expand

<ul class="menu" id="menu">
<li><a href="#" class="menulink">Dropdown One</a>
<ul>
<li><a href="#">Navigation Item 1</a></li>
</ul>
</li>
</ul>
What do we see?
-menu starts with

Code Select Expand

<ul class="menu" id="menu">

So let's look at your pages source code?
-there's no

Code Select Expand

<ul class="menu" id="menu">

So lets look at the call to sm2 from nibz?

Code Select Expand

$aMenuOpen      = '<ul id="menu" class="menu">',

So what do we see?
-the right code should be there
So what to do?
-find out why it's no like it's supposed to be
How?
-Thats the difficult part  : Maybe check the call to sm2 twice, change Parameters and see what happens, read sm2 documentation, wait for some of the sm2 experts in the forum .....

Hope this helps anyway.

regards

[arrow345]

Hellooo,

I had to reinstall WB, but all is well.

So I updated showmenu2 and pointed the JS file, but still no cigar.

http://mcoenvironmental.com/wb/pages/team.php

Any other suggestions?

[arrow345]

Thank you for all the quick responses!

Yeah, the right link was http://mcoenvironmental.com/wb/pages/about-us/team.php
I had started tinkering with adding things to the menu after I had posted this and forgot to update the link.

Right now I'm getting a set_root error whenever I try to access the modules. Does this mean I have to reinstall the update?

[nibz]

And i think you're trying to implement a sort of superfish menu.

You didn't implement the UL class and id.

Try replacing your showmenu2 code with the following:

Code Select Expand


show_menu2(
        $aMenu          = 1,
        $aStart         = SM2_ROOT,
        $aMaxLevel      = SM2_ALL,
        $aOptions       = SM2_ALL|SM2_PRETTY,
        $aItemOpen      = '[li] [a][menu_title]</a>',
        $aItemClose     = '</li>',
        $aMenuOpen      = '<ul id="menu" class="menu">',
        $aMenuClose     = '</ul>',
        $aTopItemOpen   = false,
        $aTopMenuOpen   = false
        );


And what marmot is saying, the problem is that you don't use <?php echo TEMPLATE_DIR; ?> so the right DIR will not be found.

You have to point to your JS file just like you pointed to your CSS file.

See docu: http://www.websitebaker2.org/en/help/designer-guide/adding-template-functions.php

[marmot]

Hi,

http://mcoenvironmental.com/wb/pages/team.php
I'm using the same CSS file on both. I'm guessing it has to do with the way WB sets up its menu, but I'm not sure. Any ideas?

I guess the link should be: http://mcoenvironmental.com/wb/pages/about-us/team.php
One Problem for sure is, that you are not loading the menü .js file.
Firebug claims: http://mcoenvironmental.com/wb/pages/about-us/tinydropdown.js is not found.

regards

[nibz]

I think the correct link is: http://mcoenvironmental.com/wb/pages/about-us/team.php

[Hans]

second link: 404 error...
Hans

[arrow345]

Hi everyone,

I'm having a little issue with the menu. On my normal site, it looks like so:

www.mcoenvironmental.com


However, using WB, it has been showing like this:

http://mcoenvironmental.com/wb/pages/team.php


I'm using the same CSS file on both. I'm guessing it has to do with the way WB sets up its menu, but I'm not sure. Any ideas?

Thank you as always,

Arrow