Gaping in Navigation

Jun 1, 2012 at 8:14 AM

Hi there,

  I'm trying to make a SP Navigation like below:

  Nav1|Nav2|Nav3|                        Nav4|Nav5|Nav6|

After Nav3, i want to put some space or gap in my SP navigation, so it would look like left side navigation and right side navigation.

Any help,idea will be greatly appreciated.



Jun 26, 2014 at 12:16 PM
HI ,

You can try With the following spNavigation.css

.spNavigation * LI > .menu-item
border: transparent 1px solid;
border-left: transparent 1px solid;
padding-bottom: 1px;
margin: 8px 0px;
padding-left: 12px;
padding-right: 12px;
display: inline-block;
white-space: nowrap;
height: 20PX;
color: #FFFFFF;
vertical-align: middle;
border-top: transparent 1px solid;
border-right: #d0d0ea 1px solid;
padding-top: 1PX; /**display:inline-block;  white-space:nowrap;     height:15px;    vertical-align:middle;  border-color:#94cff7;   padding:5px;        background-color:#e7f7ff;**/

this will add a Line After Your menu-item Text