Hi, I'm just trying out your module and it looks excellent - thank you!

Before I start hacking around in the CSS, I'm wondering whether I've missed a simple configuration setting. I've created two test menu items and added some blocks to them. The blocks by default appear on top of each other (ie the first and then the second underneath according to the weight I've set). Is there a way to get the blocks to appear horizontally, ie the first on the left and the the next to its right and so on)?

Cheers,
Crom

Comments

danielhonrade’s picture

danielhonrade commented

Hi,

Sorry, I purposely didn't add any configuration to force the blocks to go horizontally, because it may be cool but inline styling or adding jquery to find the total width is not optimal thing to do and due to varying widths of blocks and position of the submenu, it's best to add it to your style.css

This is best done simply by css, just add widths to your blocks, float them and make the container bigger:

#om-maximenu-menu_name .om-maximenu-content { width: 800px; }
#om-maximenu-menu_name .om-maximenu-content .block { width: 200px; float: left; }

You can also add the id of 'li', to theme it per menu link

It's also cool to do make the blocks absolutely positioned and not float

pkchoo’s picture

pkchoo commented

Thank you for your reply and giving me some css to start with :)

By the way, is this how you did the menu in http://www.cgcginc.com/?

"For the pager item inside the submenu in cgcg, it's just a views slideshow with pager, I just positioned the pager to look like a menu. This is done via css."

Thank you for the great module. I just need to figure out how to use it well. I feel like I have a high powered laser and am just using it to burn ants.

danielhonrade’s picture

danielhonrade commented
Status: Active » Closed (fixed)

Correct, cgcg is just mainly css overrides of views slideshow with pager.

aaronchow’s picture

aaronchow commented

Hi Daniel,

Thanks for contribute such great work for the entire community. The default choices are pretty amazing, but I'm assigned to create a website similar to CGCG and I am still very new to the html/css/drupal thingy. By any chance do you plan to write a documentation on how you accomplish the CGCG menu effect? I'm looking at the CSS and I'm playing the Views module, but I am so clueless that I don't know how to remotely create something similar. Any kind of response is appreciated.

Aaron