[higgo36]

Nevermind, i just figured it out by using this:

 <script type="text/javascript">
    	$(function() {
    		$('#main-menu').smartmenus({
    			subMenusSubOffsetX: 1,
    			subMenusSubOffsetY: 0
    		});
    		$('#main-menu').smartmenus('keyboardSetHotkey', '123', 'shiftKey');
    	});
    </script>

So, instead of trying to use CSS, I was able to move the flyout nested ul’s using Script.

[higgo36]

I first want to say thank you for a highly accessible menu!

On that note, I need help styling the sub submenus (aka: “Flyouts”) using either CSS or Script, I need to drop the y-index a few pixels to line up top link with its parent, i want to hide the y-overflow, and also control the widths/heights.

I have discovered that using (.has-submenu) jquery attribute allows me to do some things with the first submenus, but not the second “flyouts”.

So i need to get control of the Nested ul’s,

Here is an example snippet of outline of my current HTML:

(The nested <ul>'s with note next to them are the ones I want to style and re-position)


<li>
<ul>

<li>   
<ul>    --- (This is a nested <ul> i need to control)
<li></li>
<li></li>
<li></li>
</ul>   ---  (ending here)
</li>

<li>
<ul>   ----  (Nested <ul> i need to control)
<li></li>
<li></li>
<li></li>
</ul>   ---  (ends here)
</li>

</ul>
</li>

Please advise any suggestions, and keep in mind that I have tried to manipulate the core jquery :

$.fn.smartmenus.defaults = {
isPopup: false, // is this a popup menu (can be shown via the popupShow/popupHide methods) or a permanent menu bar
mainMenuSubOffsetX: 0, // pixels offset from default position
mainMenuSubOffsetY: 0, // pixels offset from default position
subMenusSubOffsetX: 0, // pixels offset from default position
subMenusSubOffsetY: 0, // pixels offset from default position
subMenusMinWidth: ’10em’, // min-width for the sub menus (any CSS unit) – if set, the fixed width set in CSS will be ignored
subMenusMaxWidth: ’20em’, // max-width for the sub menus (any CSS unit) – if set, the fixed width set in CSS will be ignored

– I saw movement when fooling with the “mainMenuSubOffset” , but not the “subMenuSuboffset”

Thanks for any time.

[Author]

Posts