(c) 2016, Deluxe-Menu.com
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  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

15 Recommended Website Makers Arranged by Level Of Popularity Bootstrap Tabs Styles  |  30 Killer Free Bootstrap Image Carousel and Gallery Scripts  |  Bootstrap Panel Body  |  Bootstrap Toggle Tabs  |  Fresh CSS Bootstrap Carousel Video Players and Nav Menu Demos  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. https://mobirise.com/ | icon font | bootstrap navbar examples | css menu | css menu maker