Determine the width of the horizontal main menu (on DD it is 465px), then add:
Code:
style="position: relative; width: 465px; left: 50%; margin-left: -233px"
to the div for the horizontal menu. The value for the (negative) margin-left equals the width of the horizontal main menu divided by 2 .
In other words, replace:
Code:
<div id="smoothmenu1" class="ddsmoothmenu">
with:
Code:
<!--<div id="smoothmenu1" class="ddsmoothmenu">-->
<!-- Determine the width of the horizontal main menu (on DD it is 465px), then add: style="position: relative; width: 465px; left: 50%; margin-left: -233px" to the div for the horizontal menu. The value for the (negative) margin-left equals the width of the horizontal main menu divided by 2 -->
<div id="smoothmenu1" class="ddsmoothmenu" style="position: relative; width: 465px; left: 50%; margin-left: -233px">
Btw, you don't have to manually remove the arrows for items that don't have submenus. The arrows will disappear automatically.
Bookmarks