Buttons in Nav Bar

[teenagelifestyle 0]

Hey guys, I just updated to the Platform Pro version and it nearly doubled the size of the buttons in my nav bar. Is there any way I can change the buttons back to the original size without code? Thanks.

[catrina 103]

Can you post a link to your site?

[teenagelifestyle 0]

Here you go Catrina, http://teenagelifestyle.com/ Before I updated all the buttons fit onto one line, but now they spill over into two.

[Kate 3]

Hey Michael - I took a peek at dynamic.css. It looks like you have some strange stuff in there, including style tags. You may want to check that out. In addition, you're missing a closing end bracket after these styles:

#primary-nav {
	font-size:1.1em;
	line-height:1.1em;
	margin-top:0;
	position:relative;
	text-align:left;
	z-index:28;
	background-color:#151B54;

You'll need to add the bracket, like so:

#primary-nav {
	font-size:1.1em;
	line-height:1.1em;
	margin-top:0;
	position:relative;
	text-align:left;
	z-index:28;
	background-color:#151B54;}

You'll need to add that to ensure that the code I'm giving you below will work Add this to decrease the padding of the nav items:

#primary-nav a{padding-left:8px !important;padding-right:8px !important;}

[kastelic 6]

Did you have the search bar there before you upgraded? If you don't mind losing the search bar, it will fit all on one line. Otherwise you'd have to use CSS to either reduce the size of the text or the padding between the buttons. Just paste this into your custom css box to just affect the padding:

	body #primary-nav ul.sf-menu li a {
	    padding:10px 6px;
	}
	
	

[kastelic 6]

Sorry Kate, didn't mean to step on your toes. I must have posted just after you :|

[Kate 3]

@Jimmy No worries... I just poked my head in and saw the question... I was probably stepping on your toes