In the demos on the Mix and Match demo site, #12 shows a blue top menu that looks like it is the same width as the white content area below it. How does one set this up?

I currently have a top menu that is blue and located in preface top. It is surrounded by white background. Ideally, I would like the menu not to have any white around it. I believe that this is what is shown in demo site #12.

Thanks for any ideas on how to accomplish this. I have my local.css set up and ready to go, in case that is necessary, but I realize I may have just missed some settings somewhere between skinr and mix and match.

Thanks.

Comments

ajross’s picture

ajross commented

The blue top menu you see is not a block in the preface top region, it is just the theme's default display of the primary links menu. To use it, simply make sure you have selected Primary links in the "Toggle display" section at the top of the theme configuration page. In the "Mix and Match custom styles" section, select Blue for the Navigation bar. Then make sure the menu you want to use is set as your primary links menu.

You can also put a menu in as a block. However, there are margins around the block that will cause the white background to show. You would need to add some of your own CSS to remove the margins if you decide to use a block instead. Let me know if you need more help with that.

jsibley’s picture

jsibley commented

That did the trick, once I went into admin/build/menu/settings and made sure the primary links menu was being used.

Is there any way to get an indicator in the menu when there are drop-down sub-items, as with superfish?

Thanks! Great theme.

ajross’s picture

ajross commented

Here's the info about using the superfish menus in Fusion, from their documentation page (see http://drupal.org/node/629408), as it explains it as well as I could:

Here is some basic information on creating menus and menu items: http://drupal.org/node/120632

Fusion supports dropdown menus for your primary links (and sidebar blocks, but we'll get to that later) using the Superfish plugin. Simply edit your primary links menu and set any parent menu items to "expanded" to enable the dropdown. This menu uses jQuery, but degrades to CSS-only when JS is not available, and for IE6.

Let me know if that doesn't answer your question about the menus.

jsibley’s picture

jsibley commented

I can see how to add a superfish menu in "preface top", which gives me the functionality I want, but not the formatting (it is indented within a block, as you mention above).

So I can get the formatting I want by using your built-in primary links menu, but without the full Superfish functionality, or the functionality I want, but without the formatting I'd like.

I've tried using firebug to identify where the margins are coming from, or how to stretch the superfish menu to fit the content area, but I haven't figured out what I would need to change in my css file. Any ideas would be appreciated. Thanks.

ajross’s picture

ajross commented

The primary links in the main navigation bar do use the Superfish functionality. You just need to configure your primary links menu to have parents and children and make sure all the items are set to "Expanded" on the primary links menu configuration page (/admin/build/menu-customize/primary-links).

jsibley’s picture

jsibley commented

Dropdown is working fine, as all items are already set to expanded. I believe that the superfish capability of adding an arrow when there are sub-items has been set to "off".

This would appear to turn the arrows back on, and allow other superfish capabilities:

http://fusiondrupalthemes.com/story/100525/customizing-superfish-menus-y...

However, I'm not sure of the best way to handle this. Would I need to create a sub-theme of Mix and Match? Is sub-theming of sub-themes working well in Drupal 6 now?

Is there any chance that this functionality could be added into a new release of your theme, with an option to turn arrows on or off in the UI? That would be ideal, and we wouldn't have to worry about sub-themes or about changes to the actual theme being clobbered in a new release.

Thanks.

ajross’s picture

ajross commented

Ah, ok, I thought you just wanted the dropdowns. I read over the Fusion documentation for modifying the Superfish menus. It is pretty straightforward and I probably wouldn't bother with subtheming for just this (and sub-sub theming can be a little bit of a pain, still, although should improve with some fixes in the next release of Drupal core). If you want to do this yourself, for the moment, you'll need to add a script file to the theme and load it in your .info file as the instructions say. However, I agree it doesn't make sense to have to do that manually with each upgrade of the theme. So I'll either work in something to the UI in the next release or maybe will just set up the script file in the theme so you can edit it manually. I'll need to look and see how many configuration options there are and whether it is worth trying to work them all into the UI or not. But either way, I'll try to have that out shortly; I've got a number of fixes I'm working in, but intend to have the next release out by the weekend. In the meantime, you can go ahead and manually set it up if you are in a hurry.

jsibley’s picture

jsibley commented

Thanks. I went ahead and added the script file to a /js directory under mix_and_match and added the reference to the .info file.

I also added the following to my local.css file to get the arrow to show up better. There may be a better way, but for now I have:

.sf-sub-indicator {
top: .5em;
right: -1em;
background-position: inherit;
}

My website, which is currently using the modified mix-and-match is www.jonathansibley.net

I had tried to use the superfish module in the preface-top section instead, but gave up trying to get it to align properly with the content section. I think this is a better solution.

Thanks for all your help!

ajross’s picture

ajross commented
Status: Active » Closed (fixed)

The latest release of the theme (6.x-1.4) has the script.js included, with code for customizing the Superfish menus. It also includes the necessary changes to the .info file. I'm afraid you'll still have to save/remember your specific settings and make adjustments after doing upgrades, but hopefully you will find this at least a bit easier. Possibly I will add options in the UI at some point, but I have a lot on my plate at the moment so thought this would be an improvement for now.

jsibley’s picture

jsibley commented

Thanks for the changes.

Is there any chance that you could briefly test enabling autoarrows: true and confirm it works for you?

I may be making a stupid mistake, but I'm not getting it to work at all in the new version, which is on my test site (production is still the old version).

If it works for you, I'll keep looking for what I'm doing wrong.

jsibley’s picture

jsibley commented

Solved. I think I had flushed the theme cache, but either I didn't, or had to flush all caches and now everything seems to be working.