I am building a navigation menu using DW CS6's spry tool
I can't work out how to change the size & position of the 2nd sub menu without all other sub menus changing in accordance
Below is how my menu looks when you hover over the first menu option - the 2 submenu options appear:
Below is how my menu looks when you hover over the 2nd menu option - the 1 submenu option appears in line with the parent with the width the same as the first submenu options (500px):
This is how I want the 2nd submenu to appear when you hover over the 2nd menu option - 1 option, 1000px, aligned beneath the left border of the overall menu (rather than its parent):
But when I format so the 2nd submenu appears how I want it the 1st submenu obeys the same rules & messes up:
I understand why this is happening but cannot work out how to independently reformat submenus
You can't without painstakingly re-working all the code. Hardly worth it since Spry is dead anyway.
I recommend ditching Spry and finding a better menu system.
Project Seven Responsive Tabs
Pop-Menu Magic2 by PVII (DW extension purchase)
jQuery Mega Menus
CSS3 Dropdown Menus