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


 

    How do I create more space between the menu items in my simple javascript menu?

Return to Recent Questions


Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

var itemPadding = "4px";

You can also set multiple values, for example:

var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)





Return to Recent Questions

Top 54 Brand New jQuery Themes List AMP Mobile Page Template Review  |  Best 46 Fresh CSS Themes Collection  |  Top 41 Wonderful CSS3 Templates Collection  |  46 Fantastic CSS3 Web Page Templates Overview  |  Best 50 Inspirational and Beautiful HTML Themes Collection  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. AI Website Builder | Best AI Website Builder | AI Website Builder | Free AI Website Generator | AI web page design generator