Menu Items equally spaced

The McClain Group
6 Posts
The McClain Group posted this 29 July 2015

in arteeser we are able to have the horizontal menu items equally spaced. how would you go about doing this in themler. I have an image attached. item B spearcorp.com is what i am trying to go for Item A demo.spearcorp.com

enter image description here
shows what is happening.

Thanks for your help.
Jason

in arteeser we are able to have the horizontal menu items equally spaced. how would you go about doing this in themler. I have an image attached. item B spearcorp.com is what i am trying to go for Item A demo.spearcorp.com![enter image description here][1] shows what is happening. [1]: http://demo.spearcorp.com/wp-content/uploads/2015/07/Menu-Items.jpg Thanks for your help. Jason
Vote to pay developers attention to this features or issue.
2 Comments
Order By: Standard | Newest
Stagger Lee
1837 Posts
Is Solution
Stagger Lee posted this 29 July 2015

Removing white-space for menu item link does it. Dont know where it is in Themler, maybe paragraph options for menu item links, menu item.
White-space at the bottom. Nowrap, inherit and some others makes same effect and good spacing.

.bd-menu-3.nav-pills .bd-menuitem-4 > a, .bd-menu-3.nav-pills .bd-menuitem-4 > a:link, .bd-menu-3.nav-pills .bd-menuitem-4 > a:visited {
  border-radius: 0;
  border-right: 1px dotted #333;
  border-style: none dotted none none;
  border-width: 1px;
  color: #333;
  cursor: pointer;
  display: block;
  font-family: "Palatino Linotype",Georgia,"Times New Roman",Times,serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 17.14px;
  margin-left: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  vertical-align: baseline;
  white-space: normal;
}

Removing white-space for menu item link does it. Dont know where it is in Themler, maybe paragraph options for menu item links, menu item. White-space at the bottom. Nowrap, inherit and some others makes same effect and good spacing. .bd-menu-3.nav-pills .bd-menuitem-4 > a, .bd-menu-3.nav-pills .bd-menuitem-4 > a:link, .bd-menu-3.nav-pills .bd-menuitem-4 > a:visited { border-radius: 0; border-right: 1px dotted #333; border-style: none dotted none none; border-width: 1px; color: #333; cursor: pointer; display: block; font-family: "Palatino Linotype",Georgia,"Times New Roman",Times,serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 17.14px; margin-left: 0; padding: 0; text-align: center; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; vertical-align: baseline; white-space: normal; }

Last edited 29 July 2015 by Stagger Lee

The McClain Group
6 Posts
The McClain Group posted this 30 July 2015

Thanks Stagger Lee.

overflow and white space did it. Not sure how i missed it!

Thanks Stagger Lee. overflow and white space did it. Not sure how i missed it!
You must log in or register to leave comments