How to fixed the tab section in shopexd.asp page

If you find that the tab element in the shopexd.asp page drop to below, this is usually because the container that hold the tab has fixed width in the css.

So, in order to fix this, follow the steps below:

1. Download tabcontent700.css from stylesheets folder of your shopping cart software.

2. Find the class below:

.shadetabs {
   font: bold 12px Arial,Helvetica,sans-serif;
   list-style-type: none;
   margin-bottom: 0;
   margin-left: 0;
   margin-top: 1px;
   padding: 0;
   text-align: left;
   width: 510px;
}

3. Change the width to auto. The class will look like this after change:

.shadetabs {
   font: bold 12px Arial,Helvetica,sans-serif;
   list-style-type: none;
   margin-bottom: 0;
   margin-left: 0;
   margin-top: 1px;
   padding: 0;
   text-align: left;
   width: auto;
}

4. Save the file and upload back to stylesheets folder.

---