Moving Home / Login to main page header?

[kathsta]

Hi All,

I'd like to know how to move the Home / Login / Logout / Checkout etc links that are currently at the top left of my logo header, to being in the middle top of my centre box header - where the 'My Account' link for the ezpage is. Is this even possible?

I've scoured the posts but can't find exactly what I'm after. I just want the links to run as follows, where the current link for 'My Account' is;

Home | Login/Logout | Shopping Cart | Checkout

Thanks in advance!
Kathy - www.naturalsoap.com.au

[gjh42]

This is not as big of a change as your question makes it sound. These elements are all part of the same header, and output by /includes/templates/your_template/common/tpl_header.php.

In this file, simply move the code block marked by <!--bof-navigation display--> to just above or below the block marked by <!--bof-header ezpage links-->. This will put the navbar above or below the ez-page links (My Account). If you want them all on one line, you can turn off the header ez-pages menu and add the link to the navMain list like this:

<li><?php echo '<a href="' . zen_ez_pages_link(2) . '">My Account</a>'; ?></li>

replacing the (2) with your ez-page id.

[kathsta]

Hi Glenn,

Thanks for coming to my rescue again! I've got them below the logo now, and centered so that's a start. I a lot of space below them now, I've looked at all the padding amounts in the CSS but I can't find any that should be affecting it

I'm wanting to now move the login / shopping cart / my account etc upwards to being in the nav cat tabs line - is it a matter of moving the code again in the header tpl file?

Thanks in advance!

Kathy - www.naturalsoap.com.au

[kathsta]

I fixed the issue with the extra space showing under the home/login - I turned off the coding for the search function in the header and it righted itself.

Still trying to figure out how to move the Home / Login / Checkout etc up into the nav cat tabs space though

Cheers,
Kathy - www.naturalsoap.com.au

[gjh42]

If you still want to shrink the navbar, these declarations all take up some space:

#navMain {
	margin-top: 2px;
	margin-bottom: 2px;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0 .5em;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#navMain ul {
float: none;
}

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

#navMain ul li a/*, #navSupp ul li a*/ {
	padding: 0.5em;
	margin: 0;
	background-color: #393939;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

I'm not sure it is a good idea to move the navbar links into the cat-tabs line. They would fit to start, but when you get a my account link or shopping cart & checkout links, they would be crowded and probably not fit on one line (in 1024x768 monitors). They would also become less distinctive.

But if you want to do it, you would need to get a bit more aggressive with the code and merge or insert part of the navbar code into the cat-tabs code.

[kathsta]

Hi Again :)

I'd be removing the category tabs if I can move the login / home links to the same spot. I personally don't like cat tabs, but want the break between logo header and main page that they give.

What coding could I tweak to allow this?

Thanks in advance yet again!

Kathy - www.naturalsoap.com.au