horizontal menu table, where to insert?

[LaTonta]

Hi, I've been searching for an answer to this question for days. What I am trying to do is have a simple (not flyout) horizontal menu under my header like I have here www.sculpturealley.com

I have a new zen cart installation here: www.sculpturealley.net which is where I am trying to add the horizontal menu. I have the table code, I just don't know where exactly to add it. I tried on stylesheet css to no avail.

Also, on my skyline header, the repeat is showing in the wrong place, I need to center the logo so that the city is in the center.

Any advice would be greatly appreciated. Thanks in advance.

[gjh42]

Make EZ-Page internal links for each of those destinations (in admin > Tools > EZ-Pages), setting them to display in the header, and enable the ez-page header bar in admin > Configuration > EZ-Page Settings > EZ-Pages Display Status - HeaderBar.

Then you can style the links as you wish in your stylesheet.

[gjh42]

Find in your stylesheet

#logoWrapper {

and add

background-position: 32em 50%;

Adjust the 32em as desired.

[LaTonta]

Hello GJH,

Thank you very much for your reply. The background image is now centered, thanks!!

However, when I enabled the header for the ez page, it has appeared on my background image, shifting the image down, and is overlapping.

Can I move those links down below the header, restore the original position of the background image and then style in stylesheet?

Or is my header somehow intruding into ez page territory?

[gjh42]

You appear to have customized your tpl_header.php, and in the process eliminated the closing </div> in the branding display section. This has a cascading effect that your headerWrapper is no longer closed, but extends to the entire site.
From your view source:

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://sculpturealley.net/"><img src="includes/templates/SculptureAlley/images/salogo.jpg" alt="Sculpture Alley" title=" Sculpture Alley " width="310" height="90" /></a> 
</div>
<br class="clearBoth" />

<!--eof-branding display-->

This should be

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://sculpturealley.net/"><img src="includes/templates/SculptureAlley/images/salogo.jpg" alt="Sculpture Alley" title=" Sculpture Alley " width="310" height="90" /></a> 
    </div>
</div>
<br class="clearBoth" />

<!--eof-branding display-->

[LaTonta]

Hi Glenn,

Thank you again for responding. Actually what I did was follow this tutorial:

https://www.zen-cart.com/tutorials/i...hp?article=125

So in includes/languages/ENGLISH/CUSTOM/header.php I have:


// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Sculpture Alley');
define('HEADER_SALES_TEXT', '<h1></h1>');
define('HEADER_LOGO_WIDTH', '310px');
define('HEADER_LOGO_HEIGHT', '90px');
define('HEADER_LOGO_IMAGE', 'salogo.jpeg');

and then in includes/templates/CUSTOM/css/stylesheet.css I have:

#logoWrapper{
background-image: url(../images/skyline.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:90px;
border-right: 1px solid #262243;
border-left: 1px solid #262243;
border-top: 15px solid #262243;
border-bottom: 1px solid #262243;
margin-bottom: 10px;
margin-top: 2px;
background-position: 32em 50%;
}

Is there another location I could have lost that div tag? I'm sorry to admit I've made numerous changes trying to get the results I need. At least I have made copies of every file I changed to my custom folder.

Should I implement the code you suggest to tpl_header.php and revert the other files back to the original code?

Thanks

[gjh42]

Those changes would not have affected the div tags. You must somehow have edited /includes/templates/your_template/common/tpl_header.php (or possibly the original version at /includes/templates/template_default/common/tpl_header.php, which would be a bad idea). That section should look like

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
<?php
              if (HEADER_SALES_TEXT != '') {
?>
      <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
              }
?>
<?php
              if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
                if ($banner->RecordCount() > 0) {
?>
      <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
                }
              }
?>
    </div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Also, if you don't want a tagline, eliminate the <h1> tags in the definition leaving only the two single quotes'':

define('HEADER_SALES_TEXT', ''); 

[LaTonta]

Glenn,

You are absolutely correct. I found the tag missing in my custom/common/tpl_header.php file. My apologies for not catching that the first time, when I looked at the file and didn't see my logo, and the original text, I thought I never modified it.

The issue has been resolved, thank you so very much for your efforts.

You are a gentleman and a scholar!