headerShortcuts hidden behind the navigation manu bar

[cover]

Hello there,

 

I am using version 2.3.3. I am trying to replace the shortcut buttons 'cart content, checkout, my account' with the ordinary text link and then moving these text down to the navigation bar that holds the 'top>catalog..'. I have done so by using the following code contributed by ZwenZwenzzon (attached below). But the 'text link' that moved down to the navigation bar is hidden behind the navigation bar and not clickable. Could anybody help me on how to get those text links in front of the navigation bar so that they are visible and clickable. Many Thanks!

 

Cover

===============================================

 

#10 ZwenZwenzzon

· Members

· 7 posts

·

@Mention

Posted 03 December 2010 - 07:39 AM

 

 

pberry4032, on 20 November 2010 - 11:49 PM, said:

with 2.3.1 the header links are now buttons but I want to revert mine to text links with a small icon to the left of the link if possible.

 

Can anyone help, been trying all night to no avail!

 

Thanks.

 

Here is my contribution to the header shortcut block:

 

<div id="headerShortcuts">

<?php

echo '<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_SHOPPING_CART) . '" alt="" >' .($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : '') . HEADER_TITLE_CART_CONTENTS . '</a>' .

'<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '" alt="" >' . HEADER_TITLE_CHECKOUT . '</a>' .

'<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '" alt="" >' . HEADER_TITLE_MY_ACCOUNT . '</a>';

if (tep_session_is_registered('customer_id')) {

echo '<a class="headerShortcutLink" href="' . tep_href_link(FILENAME_LOGOFF, '', 'SSL') . '" alt="" >' . HEADER_TITLE_LOGOFF . '</a>';

}

?>

</div>

 

and some css to begin with:

 

 

.headerShortcutLink {

background: #2b5b2b url(icon.gif);

border: 2px solid black;

color:white;

padding: 8px;

margin-right:3px;

}

Don't forget to remove the Javascript BS too as burt told.

 

----------------------------------------------------

 

==================================================

 

----------------------------------------------------

[♥14steve14]

Try adding to your stylesheet code

 

z-index:1000; /* This makes the dropdown menus appear above the page content */

 

It may work

[cover]

Thanks 14steve14!

 

I tried putting z-index 1000 into my css and it did not work. By the way, the dropdown menus did appear above the page content before they were changed into ordinary text links from the 'headershortcut buttons'. Could the change from the 'button' to the text link make it hide behind the navigation bar? I appreciate any help!

 

Cover

[cover]

Sorry for the wrong information. I am using version 2.3.3.

 

Thanks!

 

Cover