Zen Cart Logo
Forums / All Other Contributions/Addons / CSS Dropdown menu for the header- With Categories!

CSS Dropdown menu for the header- With Categories!

Views: 615,576

Results 1,601 to 1,620 of 2,344
27 Jun 2009, 1:52 PM
#1601
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

CSS Dropdown menu for the header- With Categories!

hcd888:

Hi the site is http:// p o l y - f a s h i o n . c o . u k /index.php?main_page= Thanks

Change the 12em in the stylesheet_header_menu.css to a larger number.

27 Jun 2009, 2:36 PM
#1602
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

hcd888:

Hi the site is http:// p o l y - f a s h i o n . c o . u k /index.php?main_page= Thanks

Look for **div#dropMenu li **and change the widths to about 16.5%

Also, look for the **div#dropMenu ul ul li **and the div#dropMenu ul.level7 li.submenu:hover ul.level8 and change both of these to about 160px;

27 Jun 2009, 5:20 PM
#1603
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

limelites:

Look for **div#dropMenu li **and change the widths to about 16.5%

Also, look for the **div#dropMenu ul ul li **and the div#dropMenu ul.level7 li.submenu:hover ul.level8 and change both of these to about 160px;

Thanks limelites :clap:

Looks perfect, the div#dropMenu li was width:16.667%; so i left it the way it was.

I than changed the:
div#dropMenu ul ul li and the div#dropMenu ul.level7 li.submenu:hover ul.level8

To 14.2em through trial & error. But was wondering is there any difference if i used either em or % for this?

Again Thank You for pointing me in the right direction :bigups:

27 Jun 2009, 5:28 PM
#1604
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

hcd888:

Thanks limelites :clap:

Looks perfect, the div#dropMenu li was width:16.667%; so i left it the way it was.

I than changed the:
div#dropMenu ul ul li and the div#dropMenu ul.level7 li.submenu:hover ul.level8

To 14.2em through trial & error. But was wondering is there any difference if i used either em or % for this?

Again Thank You for pointing me in the right direction :bigups:

It doesn't matter if you use percentage or em or px. They're only units of measurement with the same end result.... Glad you got it sorted.

30 Jun 2009, 10:29 AM
#1605
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

I have been playing around with this mod and made some changes to it so i could play with the search header....

I have a few issues in mozilla and safari

If you have a look at the attached pics you will see that the header menu is sitting a few pixels to high but in ie its looks fine....

Can anyone assist i have tried everything i know :S

Thanks

30 Jun 2009, 10:38 AM
#1606
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

There's always going to be pixel discrepancies between IE and the other browsers..... PM a link to your site so I can take a look as I'm not sure this is the correct thread for your problem since it doesn't actually relate to the CSS dropdown menu.

30 Jun 2009, 10:46 AM
#1607
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

30 Jun 2009, 11:07 AM
#1608
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Looks almost identical in FF and IE (compatibility mode).....

30 Jun 2009, 4:23 PM
#1609
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

Re: CSS Dropdown menu for the header- With Categories!

Is there a new version for 138a?

I'd like to use this for a site that uses Zen-Cart for its membership department and for the regular non e-commerce site.

30 Jun 2009, 6:21 PM
#1610
peauproductions avatar

peauproductions

New Zenner

Join Date:
Jun 2009
Posts:
42
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

So I have a fully updated zen cart (as of the security patch released the other day), and tried to install this but have had no luck.

I've put all the files in their correct spots, including renaming the additions_to_.htaccess file to .htaccess (since I didnt have one...is that what you do?), adding the csshover.htc, and triple checking that all the files are in their correct spot.
My store's structure is all installed in the .../store/STUFF (STUFF=admin, includes, etc), and I've put everything in the normal includes file.

The problem I'm having is that the Site Map is showing up instead of the tabs :(

Any ideas?
Website Store URL here: http://peauproductions.com/store/

30 Jun 2009, 8:47 PM
#1611
peauproductions avatar

peauproductions

New Zenner

Join Date:
Jun 2009
Posts:
42
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

So I really want this fixed, but can't leave my store like that, so I've commented out the header code. You can see what it is doing by looking at this picture:

http://peauproductions.com/store/images/screen_shot_tab.jpeg

Please let me know, thanks.

30 Jun 2009, 11:25 PM
#1612
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

limelites:

Looks almost identical in FF and IE (compatibility mode).....

Is there a hack i can use so they look identical?

1 Jul 2009, 12:00 AM
#1613
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

gee38l:

Is there a hack i can use so they look identical?

So i had a look in IE8 and its most certainly identical with FF but when you run compatability mode its makes it look how i actually want it. Is there a way i can fix this? I guess i can move it down a bit so it looks fine on FF, Safari and IE8 but what about older versions of the browsers?

1 Jul 2009, 8:28 AM
#1614
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

PeauProductions:

So I really want this fixed, but can't leave my store like that, so I've commented out the header code. You can see what it is doing by looking at this picture:

http://peauproductions.com/store/images/screen_shot_tab.jpeg

Please let me know, thanks.

Looks to me as if you are missing the .css file.

/includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Check you have uploaded all the files into the right place.

Craig

1 Jul 2009, 10:40 AM
#1615
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi iam using the CSS Dropdown menu mod, and loving the way it looks & works :D

I Managed to remove the Links under "Home" :clap:

Iam also trying to rename "Categories" to "Whats New" than link the "Whats New" Link to New Products, is this possible?

Hope somebody can help, Thanks :bigups:

1 Jul 2009, 5:14 PM
#1616
peauproductions avatar

peauproductions

New Zenner

Join Date:
Jun 2009
Posts:
42
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

CES:

Looks to me as if you are missing the .css file.

/includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Check you have uploaded all the files into the right place.

Craig

Yup :P
Put it in the wrong template, thanks again.

2 Jul 2009, 12:37 AM
#1617
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Is it possible to stretch the header menu the entire width of a site but leave the buttons in tack for example if you have a look at https://www.truwater.com.au you will see the header menu sitting to the left with the search header on the right, I want the background of the bar to go behind search is this possible?

2 Jul 2009, 8:21 AM
#1618
hcd888 avatar

hcd888

Zen Follower

Join Date:
May 2008
Posts:
348
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Help!!!

Iam trying to rename "Categories" to "Whats New" than link the "Whats New" Link to New Products, is this possible?

Can somebody please help me, Thanks

3 Jul 2009, 7:59 AM
#1619
brian_flanagan avatar

brian_flanagan

New Zenner

Join Date:
Dec 2007
Posts:
48
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

jettrue:

  1. You haven't uploaded all files into their correct spots. Check, double and triple check, (hint, you're missing a language file)

  2. Reload the original files for the FAQ, you must have made a change somewhere.

Thanks for that. Still having issues with point 1 and I am certain that all the files are where they should be. I have gone through it many times! I found a way around it, but just want to know if it is a bad thing to do???

In the tpl_drop_menu.php files, I changed the last bit of each line (after echo) to say what I wanted the menu to say. The code now looks like this:

                <li><a href="<?php echo zen_href_link(FILENAME_FAQ_PAGE); ?>"><?php echo FAQ; ?></a></li>
                <li><a href="<?php echo zen_href_link(FILENAME_PRIVACY_PAGE); ?>"><?php echo PRIVACY; ?></a></li>

It seems to work fine now. Should I leave it as is?

Thanks!

Brian

3 Jul 2009, 6:11 PM
#1620
soxophoneplayer avatar

soxophoneplayer

Totally Zenned

Join Date:
Feb 2008
Posts:
534
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

I've loaded CSS Flyout Header 1.5 onto my 1.3.8 a test site.

It all works, but my nav bar wrapper has gone to a blank or white background instead of the tile.gif that I've set in my stylesheet. I double checked stylesheet and there are no changes so something must be over riding it (?)

If I comment out the entire area between bef and eof navigation in common/tpl_header.php it removes the nav bar completely, although it does return the tile.gif backround.

I'm trying to get the nav bar to look like my live site 1.3.7 www dot soxophoneplayer dot com

I don't care so much if I lose the home and login links but don't want to lose the search box nor the tile.gif background.

thanks...