(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Support
  FAQ
  Contacts
  About Us
  Recent Questions


 

    We have several problems with your javascript side menu. Please, help!

Return to Recent Questions


Q: We have several problems with your menu.
Notice when trying to select a drop down item�the item disappears, rather than holding in place as the mouse is over the menu item.

Second, we�d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.

Lastly, we�d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.


A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:

["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
    ["|Contestants","experience_contestants.php","","","_self","2",,,],
...

> Second, we�d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.

You should use Individual styles, for example:

var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];

var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...

For submenus you should set the following parameter:

var smWidth="150px";

> Lastly, we�d like to change the font and load new
> fonts to match the branding of the menu items.

You should also use Individual styles.
But you should set this parameter:

var fontStyle="";
And then use different fonts for your items.





Return to Recent Questions

Bootstrap Jumbotron Header Bootstrap Navbar Example  |  Bootstrap Breakpoints Responsive  |  Bootstrap Tooltip Placement  |  Bootstrap Layout Jquery  |  Bootstrap Button groups active  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Builder | Best AI Website Builder | AI Website Generator | AI web design generator