5 replies to this topic

[Off to Races]

Any idea why the brand nav truncates in Chrome? The "Contact" tab appears under the "Home" tab rather than last in line. I tried custom code .brandnav-nav .main_nav .fix {width:100%;} but it didn't work. Here's a screen shot:

Please Login or Register to see this Hidden Content

 

Please Login or Register to see this Hidden Content

  42.08KB   5 downloads

[catrina]

Can you please post a live link?

[Off to Races]

Please Login or Register to see this Hidden Content

It's good in Firefox and IE and Opera but not in Chrome

[Jenny]

It is simply the difference of how browsers display fonts. The easiest fix would be to remove the arrows from the drop down menus by visiting PageLines -> Site Options -> Header and Footer.

If you don't want to do that, then you'll have to

Please Login or Register to see this Hidden Content

.

[Off to Races]

But there's plenty of room to the left so why would it truncate? Again, I wrote the custom code .brandnav-nav .main_nav .fix {width:100%;} but it didn't work.

[James B]

It looks like the background color is only assigned to the buttons, so you're not going to get the bar stretching the entire width of the page unless you add some additional padding to the li elements and then give the nav-container a background color to match the buttons. You can try the code below, you might have to tweak it in firebug to get it aligning properly.

Please Login or Register to see this Hidden Content