CSS Dropdown menu for the header- With Categories!

bsteinagel:

How do I go about replacing the "Contact Us" link in menu with a link to a FAQ page that I created using the define pages editor? Here's a link to my site. I'd like it to say FAQ where it says HEADER_TITLE_FAQS in the menu.

Brad Steinagel Photography

I edited the tpl_drop_menu.php file so it says the following:

Just make it a regular link:

GCWeb:

Hello

I am a newbie to the customization of ZenCart.
I just installed CSS Horizontal Drop Down Menu. This is a great addition to Zen Cart. The installation went fine once I figured where everything went. I even surprised myself. :shocking:

The only problem I am having at this time is that it does not work with the older IE 6.02900. The menu is working on all browsers except there is no drop down function in the older IE. Is there a work around for this? Am I Missing something? I did read something about the .htaccess but I think that was only for the proper direction of the links.
Any help would be greatly appreciated.

Thank You

G

Nope, please read the readme, that file is needed, as well as csshover.htc.

How do I get rid of the nav tabs above the menu. See image.

Thank you

I got it. Admin > Config > Ez Page settings > Display Status header =0

Thank you Jade

That worked. At first it took some time for the page to load. I did not mention that Zen is in a subdirectory to Joomla. I just had to make sure I had the .htaccess third line ending with the subdirectory.

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

Now I have to fix the Shopping Cart being located under the Home tab and I'm all set.

Thanks again Jade :clap:

Fixed the shopping cart under home tab layout problem. Very easy fix.
The menu is being used in the arch_shoppe template.

div#dropMenu {
width:100%; changed to width:99%;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}

Firstly thanks for your time and trouble with this mod and secondly apologies for probably being very thick.

I installed everything and as per the readme I pasted the chunk of code into the tpl_header file as I've made a lot of changes, but everything below the menus now fails to display.

I've been quite careful with what I'm copying and where I'm pasting it.

I read a very early post from someone having the same problem, but I'm either correctly avoiding what your suggesting in the fix to his question or not understanding it:unsure:

I've noticed another poor soul who posted outside this thread earlier in the year with the same problem but with no reply - so there are at least 3 of us you haven't a clue :)

I installed the menu and everything is working perfectly but for some reason
in internet explorer 7 it puts at x like when an image is missing over my logo in my header and it wasnt there before

Also in mozilla firefox it pushes my logo down and covers up part of the blue header bar at the top top part of my page where u cannot see the home or login in button....id really like to just remove the Home and login button at the top if i get this problem resolved because u dont need to login buttons and home buttons.

here is my website so u can see what im saying with internet explorer and firefox both:
http://www.rickiesdiscountelectronics.com

Id really appreciate it if someone could help me with this thanks

rickiesdiscount:

I installed the menu and everything is working perfectly but for some reason
in internet explorer 7 it puts at x like when an image is missing over my logo in my header and it wasnt there before

Also in mozilla firefox it pushes my logo down and covers up part of the blue header bar at the top top part of my page where u cannot see the home or login in button....id really like to just remove the Home and login button at the top if i get this problem resolved because u dont need to login buttons and home buttons.

here is my website so u can see what im saying with internet explorer and firefox both:
http://www.rickiesdiscountelectronics.com

Id really appreciate it if someone could help me with this thanks

i fixed the internet explorer problem, but still havent fixed the mozilla firefox problem...any help would be really appreciated thanks

Hello,
Love the header! I just have one problem that when it opens in IE the shopping cart gets pushed down to the next line see below. What can I do to fix this? Thank you!

Hi Peeptoe

Look up a bit in the thread. All I had to do is change the percentage of the width.

width:100%; changed to width:99%; The shopping cart popped right over to the right side where it belonged. I checked it in four browsers and it looked fine.

Take care,

G

rickiesdiscount:

i fixed the internet explorer problem, but still havent fixed the mozilla firefox problem...any help would be really appreciated thanks

The menu isn't causing that problem. It's issues in your css. The home login isn't showing up because of this:

#navMainSearch {
float: right;
}

It needs to be changed to

#navMainSearch {
text-align: right;
}

HELP!! Having trouble with menu being out of proportion but only with IE7 not firefox. Anyone have any ideas. The site is

http://www.wpc-consulting.com/stxmill/

WORKS GREAT IN FIREFOX TRY IN IE7. Thanks

GCWeb:

Hi Peeptoe

Look up a bit in the thread. All I had to do is change the percentage of the width.

width:100%; changed to width:99%; The shopping cart popped right over to the right side where it belonged. I checked it in four browsers and it looked fine.

Take care,

G

Thank you G! That worked!

Anyone have any ideas of how to fix the css drop down menu problem I am having with internet explorer. To view this problem in action you can go to

http://www.wpc-consulting.com/~stxmill/

My flash is also not working but all of this has to do with Internet explorer.

welchyboy:

Anyone have any ideas of how to fix the css drop down menu problem I am having with internet explorer. To view this problem in action you can go to

http://www.wpc-consulting.com/~stxmill/

My flash is also not working but all of this has to do with Internet explorer.

I'm not sure what it is that you changed that caused this, so my advice is to reload the original stylesheet_header_menu.css, change the colors only, then if you must change anything else, change one thing at a time, making sure the issue doesn't reoccur.

Shockingly enough it didn't work. If you go to the site mentioned in the last post you will see that the original one is uploaded and you can see the difference...however the photography link is still on another row. I know I changed flash files and image files along with the sizes of both of them to match higher resolutions so this could have caused it...however it doesn't show in firefox so I am not sure what could be the problem. Any thoughts?

welchyboy:

Shockingly enough it didn't work. If you go to the site mentioned in the last post you will see that the original one is uploaded and you can see the difference...however the photography link is still on another row. I know I changed flash files and image files along with the sizes of both of them to match higher resolutions so this could have caused it...however it doesn't show in firefox so I am not sure what could be the problem. Any thoughts?

View the source of your site, your header is messed up with <html> and </html> and <body> and </body> tags within the header, you have an extra ?> poking out there. Try cleaning that portion up.

AWESOME!!! You are a GENIUS!! Do you think you can figure out why the flash isn't working in IE7? All of this worked in both ie7 and firefox so I think i have all the stuff to support flash in IE and Firefox. Any thoughts on what could be going wrong. I have the flash defined in top_main.php and the picture defined in top.php. Both of these are defined in tpl_header.php.

OK I think i might have fixed the flash issue by just adding this code

<embed src="test.swf" width="300" height="300" allowscriptaccess="always" allowfullscreen="true" />

At the moment it seems to work with firefox and IE7 but I had a lot more code for the flash before not sure what has happened.

The final thing for now is the header appears a little different in IE than in firefox. In firefox it appears that there is a blank button or space on the right side. However in IE there isn't I am just curious on how to fix this. I do plan to add another button probably a little later but just was wondering how I can get this fixed. Thanks again for all your HELP!!