Keep Product Tabs from Wrapping

Developers Frontend
1

I’m using the electro template. On the product detail page, my tabs are wrapping to a second line even though there is space available for them to go out to the right. I think this is related to the fact that I am not using a right column (only a left and center column) and when the tabs reach the spot where there should be a 3rd column, they wrap.



Is there a way to keep these tabs from wrapping since I don’t have a 3rd column?

2

/skins/electro/customer/styles.css



.tabs {
background:url("images/tabs_bg.gif") repeat scroll 0 0 transparent;
padding:0;
[COLOR=Red]width:550px;[/COLOR]
}

3

[quote name=‘JesseLeeStringer’]/skins/electro/customer/styles.css



.tabs {
background:url("images/tabs_bg.gif") repeat scroll 0 0 transparent;
padding:0;
[COLOR=Red]width:550px;[/COLOR]
}
[/QUOTE]



Thanks, but adding a width did not fix the problem. I also tried 100% and 750px. All options looked the same.

4

May we see your site please.

5

[quote name=‘roban’]May we see your site please.[/QUOTE]

It’s just the electro template without the right column. So you could look at a page like this with the electro skin.



[url]Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days

6

Anyone found a solution?



Link:



*****.com



/1-3-sony-superhad-color-ccd-dsp-waterproof-indoor-outdoor-infrared-illumination-nightvision-bullet-3.6mm.html



Sorry for the broken link, I don’t want google to index it

7

Remove “max-width:550px” from style.css

tabs ul {
max-width: 550px;
vertical-align: bottom;
}




with this:


tabs ul {
vertical-align: bottom;
}

8

Thanks, fixed it. However, the file was styles.base.css