Question

I have jquery tabs on my website but on smaller screens the tabs wrap to another line is there a way to keep the tabs from doing this?

Answer 1

I followed the link from NAVEED and it was messy. If you can live with only supporting browsers that implement inline-block, try:

jQuery('#mytabs')
    .tabs()
    .find('.ui-tabs-nav')
        .css('white-space','nowrap')
        .css('overflow','hidden')
        .find('li')
            .css('display','inline-block')
            .css('float','none')
            .css('vertical-align','bottom');

Quick & dirty, not tested.

Fiddle (js): http://jsfiddle.net/yxPa6/4/

Fiddle (css): http://jsfiddle.net/kUuTE/2/