Archived

This topic is now archived and is closed to further replies.

  • 0

Brand Nav Truncates In Chrome


Question

Posted · Report post

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: post-40554-0-61087900-1352133833_thumb.j

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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.


#brandnav .brandnav-nav {

    background: none repeat scroll 0 0 #FFE5C6;

    margin-left: 0;

    min-width: 948px !important;

}

Share this post


Link to post
Share on other sites

Posted · Report post

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 write some custom CSS.

Share this post


Link to post
Share on other sites

Posted · Report post

Can you please post a live link?

Share this post


Link to post
Share on other sites