CSS Dropdown menu for the header- With Categories!

Hi.

Been waiting for an opportune moment to raise my question, but about to "shut down" for the night so will ask it now.

If you take a look here http://www.appliancesfirst.co.uk you will see my problem. There is a "box" to the right hand side of the menu which not required. How do I get rid of this?

I thought this question had been answered already in this thread, but have been backwards and forwards all day trying to find it so I appologise if I missed it somewhere.

regards

Quote:

---

Originally Posted by darkswan

That's just it, I did not alter the code at all, I simply put the files where instructed. The files in:

includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and includes/templates/YOUR_TEMPLATE/sideboxes/tpl_ezpages_drop_menu.php

are exactly the same files in your module zip file.

---

Somewhere along the line it was added somewhere. When I look at the source of your page there's a <div> before Discount Coupons and a </div> after reviews.

Check also in the "Tools", "EZpages" and make sure that its not there with the internal links?

Quote:

---

Originally Posted by Still Crazy

Hi.

Been waiting for an opportune moment to raise my question, but about to "shut down" for the night so will ask it now.

If you take a look here http://www.appliancesfirst.co.uk you will see my problem. There is a "box" to the right hand side of the menu which not required. How do I get rid of this?

I thought this question had been answered already in this thread, but have been backwards and forwards all day trying to find it so I appologise if I missed it somewhere.

regards

---

Its not a box, its the left-over chunk of the menu. You can change the width of the menu in the stylesheet_header_menu.css. I think about 55em would be close. Then you can open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and change the shopping cart line to this:

<li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>

Then you could add this to the same stylesheet:

div#dropMenu li a.noLine {padding-right:0;border:none;}

Hi Jade, many thanks for helping me out.

That's just about cracked it, apart from a small line to the right of the "Shopping Basket" when you hover over it, this looks a little strange when there is something in the basket as the white border shows too, making it look detatched. I'm sure that with a little more playing i can solve this bit. To be honest, most people wouldn't notice it [or care] but when your focus is on a small area of the website everything seems like a problem!

Thanks again and enjoy the rest of the.....Oh, its Monday already! :D

Quote:

---

Originally Posted by Still Crazy

Thanks again and enjoy the rest of the.....Oh, its Monday already! :D

---

Don't worry about the box too much - I think you should concentrate on your "sale" prices...

Quote:

---

Was: £286.00
Now: £411.25
Save: -44% off

---

I'm hacing a problem with the menus in earlier IEs. The dropdown menu displays behind the category filter menu. I've enclosed a pic, and you can view a test site here.

Quote:

---

Originally Posted by paul3648

Don't worry about the box too much - I think you should concentrate on your "sale" prices...

---

Well spotted!

The sale prices are supposed to put people off buying as the site is not yet live. So far its working very well :D

I'm having an issue in IE7 only (firefox, opera work fine) where the drop down menu along with my category sidebox are laying over top of my header image. Any help would be appreciated.

http://www.fotonow.ca/test

disregard the last message, realized i mistyped my height in the stylesheet.

Quote:

---

Originally Posted by Still Crazy

Hi Jade, many thanks for helping me out.

That's just about cracked it, apart from a small line to the right of the "Shopping Basket" when you hover over it, this looks a little strange when there is something in the basket as the white border shows too, making it look detatched. I'm sure that with a little more playing i can solve this bit. To be honest, most people wouldn't notice it [or care] but when your focus is on a small area of the website everything seems like a problem!

Thanks again and enjoy the rest of the.....Oh, its Monday already! :D

---

I'm not sure if I'm seeing what you're seeing, but in includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css, try moving:

background:#4484B2;

from div#dropMenu ul.level1


to div#dropMenu li