homeboyjames
New Member
Ok been banging my head against the desk for awhile with this one .. want to achieve the following1) Header (nav) should be on one line with no wrapping (this includes nav-back, nav-title & nav-next)2) when you shrink the window nav-title should shrink AND when the window doesn't allow the ability to show all the text it should be cut off with ellipses (eg 'This is way too lon..')Here is what I'm working from:\[code\]<div class="nav"><div class="nav-back"><</div><div class="nav-title"> <div class="nav-main-title">Want this no-wrap with ellipses</div> <div id="default-page-sub-title" class="nav-sub-title">Same here</div></div><div class="nav-next">></div>\[/code\]with styling on jsfiddle