#navMainSearch in Stylesheet

[seethrou]

It seems that, for the v1.3.x, there is mis-matched id in the stylesheets of template_default and classic.

The id of #navMainSearch should be a class of .navMainSearch of which in the template file of tpl_header.php.


For reference, in the v1.3.5,
in the stylesheet of template_default at about line no. 272
and
in the stylesheet of classic at about line no. 311

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

They should be changed to

.navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

[misty]

Many thanks for pointing this out with relevant fix

[kuroi]

Although this will work with current versions of Zen Cart, it is really the tpl_header,php file that is wrong and the stylesheet that is correct. Line 64 of the template file should more properly start

<div id="navMainSearch" class="forward"> ...

To avoid the problems that would be associated with this being corrected in future versions of Zen Cart, I would recommend adding .navMainSearch rather than replacing #navMainSearch. E.g.

#navMainSearch, .navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

[seethrou]

And then one more consideration for the print_stylesheet.css for the future version.

.messageStackWarning, #navMainWrapper, .navMainSearch, #navCatTabsWrapper, #navEZPagesTop,

[kuroi]

Very good point seethrou. We all too often forget the print stylesheet.