Jump to content


Photo
- - - - -

Brand Nav Truncates In Chrome

Nav Chrome

  • Please log in to reply
5 replies to this topic

#1 Off to Races

Off to Races

    Advanced Member

  • Members
  • 36 posts
  • Country: Country Flag

Posted 05 November 2012 - 04:44 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 November 2012 - 06:30 PM

Can you please post a live link?

#3 Off to Races

Off to Races

    Advanced Member

  • Members
  • 36 posts
  • Country: Country Flag

Posted 05 November 2012 - 07:43 PM

Please Login or Register to see this Hidden Content

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

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 06 November 2012 - 06:33 PM

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

.

#5 Off to Races

Off to Races

    Advanced Member

  • Members
  • 36 posts
  • Country: Country Flag

Posted 07 November 2012 - 04:58 PM

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.

#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 08 November 2012 - 03:03 AM

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