Catagories go off page?

[LoriW.]

Can someone tell me where or what I need to do to fix my categories?

HERE is the link to my site.

As you can see they are running off the template.

Any help would be great. Thanks.

[rainthebat]

Open up the stylesheet in includes/templates/YOUR_TEMPLATE/stylesheet.css

find #navColumnOne
- if it doesn't exist, create it.

set these two styles inside the brackets {width:165px;padding-left:45px;}

This is a potential fix, there are other ways to do it, and if things go wrong, you will want to explore another way. This way should work for now though.

What template is it that you are using?

[LoriW.]

Ooh...That did it!!

Thank you SO much!! I thought I had tried everything.

[rainthebat]

Not sure if you plan on using the right column for anything, but if you decide to use it, you may need to slim down the left column. You could set the width of the left column in the admin->Configuration->Layout Settings to say 165px or so. This is just suggestion because the right column will appear small if you decide to display it.

If you don't decide to display it, you may want to widen the main content area to fill all the way to the right.

[LoriW.]

Thanks for the great suggestions. How would I go about widening the main content? I don't plan on using the right column. :)

[rainthebat]

This may or may not be a tough one ;)

First you could try taking the display of the right column out which may automatically widen the center column. To do this either find #navColumnTwo{} in the style sheet and set it to #navColumnTwo{display:none}.

If you know your never going to use the right column you could take it right out of the code by opening includes/templates/template_default/common/tpl_main_page.php and removing:

<?php
//if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' && $_SESSION['customers_authorization'] != 0)) {
if (COLUMN_RIGHT_STATUS == 0 || (CUSTOMERS_APPROVAL == '1' and $_SESSION['customer_id'] == '') || (CUSTOMERS_APPROVAL_AUTHORIZATION == 1 && CUSTOMERS_AUTHORIZATION_COLUMN_RIGHT_OFF == 'true' and ($_SESSION['customers_authorization'] != 0 or $_SESSION['customer_id'] == ''))) {
  // global disable of column_right
  $flag_disable_right = true;
}
if (!isset($flag_disable_right) || !$flag_disable_right) {
?>
<td id="navColumnTwo" class="columnRight" style="width: <?php echo COLUMN_WIDTH_RIGHT; ?>">
<?php
 /**
  * prepares and displays right column sideboxes
  *
  */
?>
<div id="navColumnTwoWrapper" style="width: <?php echo BOX_WIDTH_RIGHT; ?>"><?php require(DIR_WS_MODULES . zen_get_module_directory('column_right.php')); ?></div></td>
<?php
}
?>

If you could save the tpl_main_page.php to includes/templates/YOUR_CUSTOM_FOLDER/common
Otherwise save it to the same location, but realize that future updates to Zen Cart will over write the default template files.

This way may work better then the display:none technique of the stylesheet.

After doing one of these two, if the center column doesn't expand automatically, you may need to create a custom <div> tag to wrap around the center column and adjust it accordingly in the style sheet.

Post a reply if the center column doesn't fix up after removing the right column.

[gjh42]

The right column display is an admin setting,

Configuration > Layout Settings > Column Right Status - Global.

[LoriW.]

Okay, I have set the set the navcolumn to display none and that did seem to do the trick. I also went into the golbal settings and changed the Column Right Status to "0" .

Now I have played a little to try and get my center column to stay inside the page but I really am not sure what to do next. lol So here I am.

Thank you both so much!! :)

[rainthebat]

The easiest fix I can think of would be to set #contentMainWrapper{padding-right:40px} if that selector doesn't exist, you would need to create it in your style sheet.

[gjh42]

This has the same cause as your categories box. You have wide background edges that make the apparent size of the page much less than the actual structural width. After this declaration

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
  position: relative;
  margin: 0px 5px;
  background-color: #f1efe6;
  border: 2px dotted #33200d;
	}

add this:

.centerColumn {margin-right: 50px;}

Either of these fixes will give you the same result.