Modifing the headerwrapper.

[philip24]

Hi.

I would like to reduce the depth of the header bar (so the links appear on one line) and remove the search box.

Could anyone please point me in the right direction?

My site is www.pjleisurewear.co.uk/marketplace.

Many thanks

Philip

[gjh42]

Your header nav links are showing as default <ul> list items. The standard Zen Cart stylesheet makes these display inline without bullets:

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

but something is obviously disrupting this.
Your stylesheet has the appropriate settings, but they are for #navMainLinks instead of #navMain:

#navMainLinks {
	float:left;
	position:relative;
	list-style-type:none;
	text-align:left;
	font-size:1.2em;
	}
...

#navMainLinks ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: 0.2em 0;
	margin:0;
	}

#navSupp li, #navCatTabs li, #navMainLinks li {
	display:inline;
	padding:0 0.5em;
	margin:0;
	}

Your header nav has the standard tag of #navMain, not #navMainLinks, so the stylesheet doesn't apply to it. Somehow the template's version of the tag got replaced with the standard.

What you need to do is edit either the stylesheet or tpl_header.php to make the tags the same.

The search box can be turned off in Tools > Layout Boxes Controller > search_header.

[philip24]

Many thanks for that Glen.

I'll have a play over the next few days.

Kind regards

Philip

[philip24]

Hi.

I thought I understood what you meant but I'm still confused. I have looked in tpl_header.php and changed <div id="navMain"> to "navMainLinks" It has not changed anything, either I misunderstand what you are telling me or something else is going on.

What I am after is the overall effect of www.pjleisurewear.co.uk/shop but with left and right hand columns. This is governed by the apple_zen templates.

The "shop" site was being designed by a designer who has since gone AWOL. Glenn, some time ago you advised my that I wasn't getting the RH column as main_page.php had been heavily modified. Hence why I am starting again.

Any further help would be much appreciated.

Philip

[gjh42]

Maybe you needed to clear your cache or something... the header is now acting as it should according to your stylesheet, so your id change worked.

So you want to match the Apple Zen template, but with three columns. If Apple Zen works for you otherwise, your best bet might be to use that with the standard tpl_main_page, merging in only the desirable aspects of Apple Zen if there are any mods to that file that are not related to the two-column layout.

That would require doing a comparison of the /template_default/ copy with the Apple Zen copy (using Winmerge or the like). Post back with the differences if you are unsure, and I should be able to tell you what you should have in your tpl_main_page.php.

[philip24]

Maybe you needed to clear your cache or something... the header is now acting as it should according to your stylesheet, so your id change worked.

So you want to match the Apple Zen template, but with three columns. If Apple Zen works for you otherwise, your best bet might be to use that with the standard tpl_main_page, merging in only the desirable aspects of Apple Zen if there are any mods to that file that are not related to the two-column layout.

That would require doing a comparison of the /template_default/ copy with the Apple Zen copy (using Winmerge or the like). Post back with the differences if you are unsure, and I should be able to tell you what you should have in your tpl_main_page.php.

Many thanks for that Glen. I have a look at that tomorrow.

[philip24]

Maybe you needed to clear your cache or something... the header is now acting as it should according to your stylesheet, so your id change worked.

So you want to match the Apple Zen template, but with three columns. If Apple Zen works for you otherwise, your best bet might be to use that with the standard tpl_main_page, merging in only the desirable aspects of Apple Zen if there are any mods to that file that are not related to the two-column layout.

That would require doing a comparison of the /template_default/ copy with the Apple Zen copy (using Winmerge or the like). Post back with the differences if you are unsure, and I should be able to tell you what you should have in your tpl_main_page.php.

Hi Glen.

I've all day messing about with this and got nowhere. It seems to be more of a case of chunks missing from the apple_zen file. Also, some of the code seems to be in a different order and I am not aware of the significance of this.

I may well be pushing my luck but I have attached the apple zen header file(as a text file) for you to have a look at. If that is asking too much, I quite understand.

Thank you.

Philip

[gjh42]

Yes, there are huge essential chunks missing. I seem to recall that the last time I looked at this, the code was (at least mostly) there, just rearranged. This copy can't just be edited to function properly, it needs Dr. Frankenstein.

PS - the easiest way to look at a file is for you to post it between [php] and [/php] tags so the code highlighting shows up and it doesn't take up too much space on the page.

[philip24]

Yes, there are huge essential chunks missing. I seem to recall that the last time I looked at this, the code was (at least mostly) there, just rearranged. This copy can't just be edited to function properly, it needs Dr. Frankenstein.

PS - the easiest way to look at a file is for you to post it between [php] and [/php] tags so the code highlighting shows up and it doesn't take up too much space on the page.

Oh.

What is my best way forward?

[philip24]

Hi Glen.

I don't quite now how I managed it but I seem to have taken a major step forward in getting the effect I want. I haven't touched the header, just done some debugging.

Many, many thanks for your help though. I suspect you will be seeing one or two more posts from me!

Kind regards

Philip