Ionic

How to have navigation bar match the width of container

Screenshots: Before | After

Edit the theme's style.css.

Change

.builder-module-navigation {
	font-size: 1em;
	background: transparent url('images/nav-bg.png') bottom;
	display: block;
	width: 99%;
	margin: 0em auto;
}

to

.builder-module-navigation {
	font-size: 1em;
	background: transparent url('images/nav-bg.png') bottom;
	display: block;
	width: 100%;
	margin: 0em auto;
}

and

.builder-module-navigation ul {
	float: left;
	display: block;
	background: url('images/nav-top-shadow.png') repeat-x;
	margin: 0;
	padding: 0;
	width: 99%;
}

to

.builder-module-navigation ul {
	float: left;
	display: block;
	background: url('images/nav-top-shadow.png') repeat-x;
	margin: 0;
	padding: 0;
	width: 100%;
}

Thanks to Dana.