CSS Dropdown menu for the header- With Categories!

freeohio:

Great mod! I've been able to fix most of my issues my reading this thread, but I'm getting close to launch and have a persistent one. I can't get the dropdown menus to display on top of my embedded images or videos like here.

My Account menu is a good example. Oddly enough, the menu displays on top of the rightside banner (correct) but underneath the google video.

I bumped up the z-index but it didn't work. The issue is the same in Firefox (3.06) and IE(7.0.5730.11).

Thanks in advance. Hope to contribute something someday (after asking all my SEO questions elsewhere!)

Fresh Zen Cart 1.3.8a install
Database Patch Level: 1.3.8
See if this helps:
http://www.zen-cart.com/forum/showpost.php?p=512017&postcount=827

Thanks jettrue for quick response. Also I want the names to not be centered but aligned to left. How can achieve this is CSS file?

Pls advise. Great mod tks for help.

Sorry on above question I want left align the sub menus only.

tks

:clap:

Easy. Thanks again for a great mod.

covone:

Sorry on above question I want left align the sub menus only.

tks

You can change this section of stylesheet_header_menu.css to this:

div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;text-align:left!important;}  /* this is text color on drop-down submenu */

Ok bare with me I new to this.

I downloaded and installed the flyout addon. I already had a template with a few modifications in the header and what i wanted was those items to fly out. Now what I have is the new flyout on top of my modified template.

here is my website:
http://unplugyourhouse.com/

can you tell me what I can to incorporate the flyout with my header?

keepondraggin:

Ok bare with me I new to this.

I downloaded and installed the flyout addon. I already had a template with a few modifications in the header and what i wanted was those items to fly out. Now what I have is the new flyout on top of my modified template.

here is my website:
http://unplugyourhouse.com/

can you tell me what I can to incorporate the flyout with my header?

you'll have to do it the other way around... incorporate your look into this flyout header.

You can style this menu a lot in includes/templates/YOUR_TEMPLATE/stylesheet_header_menu.css

You can put that background image for div#dropMenu

And make some menu item changes in includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php

hey JETTRUE.. your awesome..this mod is perfect.
Got a question.. i search this thread..or at least 50 pages of it..and did not get a direct answer..

I would like to add REVIEWS and currencies to the dropdown. Is this possible?

THX in advance

https://www.loudervisions.com

loudervisions:

hey JETTRUE.. your awesome..this mod is perfect.
Got a question.. i search this thread..or at least 50 pages of it..and did not get a direct answer..

I would like to add REVIEWS and currencies to the dropdown. Is this possible?

THX in advance

https://www.loudervisions.com

Yes, open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and add the link there.

I was wondering if the menu has the ability to be doubled. What I mean is whether I can add a second row listing categories below the one already present. I'm going to be running out of space very soon and this would be great! I'll be the first to admit that I don't totally understand CSS fully, so any help would be great!

Thanks.

majoritywhip:

I was wondering if the menu has the ability to be doubled. What I mean is whether I can add a second row listing categories below the one already present. I'm going to be running out of space very soon and this would be great! I'll be the first to admit that I don't totally understand CSS fully, so any help would be great!

Thanks.

no sorry, this isn't doable.

jettrue:

no sorry, this isn't doable.

Yikes! That's some expensive real estate. thanks for the quick response.

OK. Can you tell me how to move the listings closer together in order to make more room?

Thanks

majoritywhip:

Yikes! That's some expensive real estate. thanks for the quick response.

OK. Can you tell me how to move the listings closer together in order to make more room?

Thanks

I think there's a lot already in that real estate, and maybe adding too much more would be overwhelming for that section. :cool: Just my .02.

In includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css, and find the section with the 16.667 and 16.649 percent.

That number is 100 divided by 6. If you add a new menu item in includes/templates/YOUR_TEMPLATE/common/tpl_header.php, you can change the above numbers to 100 divided by 7. The second number needs to be a little bit smaller for IE.

You are using my mod, and not the one that's title "Paul's Version", right? Paul's version lists each category across in the menu, whereas mine works as this test site here: http://www.applezen.sagefish.com

THX Jetrue

Would you walk me through it a little.. Im not sure exactly where or what to write..
Just want reviews and currencies in the drop down..

Sorry you have to hold my hand through it. But thx in advance.

RPBelcher

I have been told by a friend that the menus are not dropping down in IE6. It works great here in IE7, FF and Chrome. I tried searching this thread for IE6, ie6, ie 6, etc, but nothing comes up. I think it's a search thing. Anyway, sorry if this has been asked and answered. I would appreciate it if someone could test in IE6 and any suggestions to fix.
thank you

www.keepsafeco.com

Mickmo68:

I have been told by a friend that the menus are not dropping down in IE6. It works great here in IE7, FF and Chrome. I tried searching this thread for IE6, ie6, ie 6, etc, but nothing comes up. I think it's a search thing. Anyway, sorry if this has been asked and answered. I would appreciate it if someone could test in IE6 and any suggestions to fix.
thank you

www.keepsafeco.com

Re-read the readme.txt, and be sure you've followed the instructions for the .htaccess, and for the csshover.htc file, and make sure they are both uploaded in the correct spots. csshover.htc should be in the includes/ folder.

Jettrue,

Could you give me a clue how to add REVIEWS and CURRENCIES to the drop down.. I read the reply you gave me but not sure how to add the links..

Any further help will be appreciated.

RPBelcher
LOUDERvisions

Hello,

I am using Zencart 1.3.8 and I just installed the dropdown add-on and love everything about it. My client was looking at the site and he mentioned that he would like the sub listings to be dropped down just a hair as it seems to cause him some problems when the first catagory covers some of the Information link. I can't seem to get that to happen, but got to make them happy.

I went through the stylesheet_header_menu.css and made changes, but I can't seem to get it to drop down a bit. Do I need to add a code somewhere else? My css and php knowledge is a little limited.

Thanks

You can see the temporary site here: https://www.btsimages.com/store4

Re-read the readme.txt, and be sure you've followed the instructions for the .htaccess, and for the csshover.htc file, and make sure they are both uploaded in the correct spots. csshover.htc should be in the includes/ folder.

Hi Jade,
Awesome, I hadn't changed "mysite"s in htaccess. I remember my 2nd grade teacher telling me to read and understand the directions BEFORE proceeding.

One problem; my site is defined WITHOUT the www., so I added the appropriate code, but, if I type in www.keepsafeco.com (with the www.) in a ie6 address bar, I don't get the hover dropdown. I tried adding the code for sites defined WITH the www to the htaccess, but as I'm sure you know, this didn't work. Is there anything I can do?

Beautiful family BTW

Mickmo68:

Hi Jade,
Awesome, I hadn't changed "mysite"s in htaccess. I remember my 2nd grade teacher telling me to read and understand the directions BEFORE proceeding.

One problem; my site is defined WITHOUT the www., so I added the appropriate code, but, if I type in www.keepsafeco.com (with the www.) in a ie6 address bar, I don't get the hover dropdown. I tried adding the code for sites defined WITH the www to the htaccess, but as I'm sure you know, this didn't work. Is there anything I can do?

Beautiful family BTW

Right. The whole point of the .htaccess is so that when you type www., it changes to non-www., if you've done it correctly. In IE6, the drop down menu can only work for whichever way you have it defined in your configure.php file, as IE6 sees your www. and your non-www. as two different domains.

If you defined your site in your includes/configure.php without the www/, then you need to be using this in your .htaccess:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

Then when you type in www. in your browser, it should change to non-www., then with the csshover.htc uploaded, your drop down will work.