Pure CSS Mega Menu

I am attempting to add little arrow images to the categories that have subs but, no matter where in the stylesheet_mega_menu.css I place the code I either get nothing, one arrow midway down lists, each and every category regardless of there being a sub or not or on every single main category of the menu and lists.

I have tried to add this:

background: #222 url(../images/arrows/arrow32.png;

I have tried adding it to the:
/bof 2 levels drop down/
/second-level lists/
.mega-menu .levels li:hover
.mega-menu .levels li ul ul

Could someone please let me know if there should be a different file to add it to.

DarkAngel:

I am attempting to add little arrow images to the categories that have subs but, no matter where in the stylesheet_mega_menu.css I place the code I either get nothing, one arrow midway down lists, each and every category regardless of there being a sub or not or on every single main category of the menu and lists.

I have tried to add this:

background: #222 url(../images/arrows/arrow32.png;

I have tried adding it to the:
/bof 2 levels drop down/
/second-level lists/
.mega-menu .levels li:hover
.mega-menu .levels li ul ul

Could someone please let me know if there should be a different file to add it to.

If you post a link to the site I can take a look.

Thanks,

Anne

picaflor-azul:

If you post a link to the site I can take a look.

Thanks,

Anne

test store: http://fantaisesrealm.com/market2

but you won't see anything there indicating arrows because I removed the coding.

DarkAngel:

test store: http://fantaisesrealm.com/market2

but you won't see anything there indicating arrows because I removed the coding.

Add your background image to:

.mega-menu li.submenu

Thanks,

Anne

picaflor-azul:

Add your background image to:

.mega-menu li.submenu

Thanks,

Anne

This is what I added to the bottom of the mega menu css file:

.mega-menu li.submenu
{
background: #000 url(../images/arrows/arrow32.png;
}

did I put it in the wrong file cause it still shows no arrowsI

forgot to mention that when looking at it in firebug...it only shows the main section but nothing about the image coding at all.

background: #000 url(../images/arrows/arrow32.png;

is this precisely what you have? What you show is missing the ) to close the url.

gjh42:

background: #000 url(../images/arrows/arrow32.png;

is this precisely what you have? What you show is missing the ) to close the url.

never mind the dilemna...thank you for the closure that I surely missed...got a headache trying different things and all it was my own dumb self...lol

as for the row of arrows...now fixed, I totally forgot to add the no-repeat 99% 99% at the end of the code for the arrow.

DarkAngel:

never mind the dilemna...thank you for the closure that I surely missed...got a headache trying different things and all it was my own dumb self...lol

as for the row of arrows...now fixed, I totally forgot to add the no-repeat 99% 99% at the end of the code for the arrow.

I am happy that you figured it out ;-)

Thanks,

Anne

Thank you Anne for a wonderful mod to add to our stores.

I usually am the one behind the stuff not working when coding...lol I think difficult when it is the simplest item that is needed.

DarkAngel:

Thank you Anne for a wonderful mod to add to our stores.

I usually am the one behind the stuff not working when coding...lol I think difficult when it is the simplest item that is needed.

I am happy that you like it and use it for your zen carts :-)

Thanks,

Anne

How can i change the color of the Menu i presume it is in the .css but which ones would i need to change ? looking to change it to Blue from grey

Thanks

psvialli:

How can i change the color of the Menu i presume it is in the .css but which ones would i need to change ? looking to change it to Blue from grey

Thanks

If you want to make css changes to the module, I would strongly recommend using firefox and the web developer tools, especially firebug. It will tell you the exact line of which file you need to edit.

Thanks,

Anne

OK this will be SO simple of an answer but I have spent 2 days trying to do this on my own (yes I am stubborn) and will feel like a total dummy when given an answer but I will risk the embarrassment to save my sanity. :)

How do you change the image placement in the About Us section? Right now it goes too far to the right.

https://www.alljustforfun.com/store

(and yes! That is a purchased template from Anne!) ;)

Add to your stylesheet_mega_menu.css

p.mega-about {float: right;}

If you just want it a little closer to the text but still at the right, change the margin-left in

.mega-menu .imgshadow_light {
border: 0 solid #000000;
margin-left: 20px;
margin-top: 5px;
padding: 4px;
}

That worked! Both worked actually. I went for the "Flip". And yes... stupid simple solution!
Thanks so much!

Bubba (Dan)

OK have tried to do this , have looked at the Read me but still no luck !

Is there a way I can Add Ezpages to the Header Main Menu , not to the Drop down but as a Main header ?

Thanks

Has anyone found a WORKING solution for dealing with Internet Explorer 7 and 8 for dealing with CSS3? IE 9 seems to be okay.

I've tried several .htc behavior solutions, but none work correctly, or only partially with very poor performance.

suggestions?

How would I add a EZpage link into customer service Drop down ?

psvialli:

OK have tried to do this , have looked at the Read me but still no luck !

Is there a way I can Add Ezpages to the Header Main Menu , not to the Drop down but as a Main header ?

Thanks

You can do this by taking the php code to call the ezpages in the information drop down and adding it as a separate drop down in the tpl_mega_menu.php file.

Thanks,

Anne

chadderuski:

Has anyone found a WORKING solution for dealing with Internet Explorer 7 and 8 for dealing with CSS3? IE 9 seems to be okay.

I've tried several .htc behavior solutions, but none work correctly, or only partially with very poor performance.

suggestions?

IE does not play well with CSS3. I would recommend doing a google search or trying CSS PIE.

Thanks,

Anne