Styling Mega Menu
Permalink
I have a problem styling my Mega Menu. I have somehow "lost" the background on the sub menues. Right now, the sub-menu text has no background and is hard to read.
Anyone who knows where in the code I can insert the code for the background image?
URL: anakwaana.com/akatest
Anyone who knows where in the code I can insert the code for the background image?
URL: anakwaana.com/akatest
.mega-menuh ul, .mega-menuh ul li {list-style: none;} .mega-menuh ul {position: relative; padding: 0; margin: 0;} .mega-menuh ul li ul {display: none;} .mega-menuh .sub {display: none;} .mega-menuh .sub ul {display: block;} /* Menu font */ .white { font: 1,6 em 'Yanone Kaffeesatz';} .white ul.mega-menuh, .white ul.mega-menuh, .white ul.mega-menuh li {margin: 0; padding: 0; border: none;} .white ul.mega-menuh {background: #ccc url(images/bg_plainwhite bg_sub_left_plainwhite.png bg_sub_plainwhite.png) repeat-x 0 -80px; width: 100%; height: 40px;position: relative;} .white ul.mega-menuh li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: normal; color: #424242; }
Viewing 15 lines of 43 lines. View entire code block.
This is the original css code from the plug-in. Just changed a few things to make it simpler/cleaner (basically just opened the images , changed them and resaved. And changed font, font-color and size).
I think there should be an image in the background of the drop-down menu. I can then put an opacity on it and have the text readable while the slide show is still visible.
I think there should be an image in the background of the drop-down menu. I can then put an opacity on it and have the text readable while the slide show is still visible.
Okay,
My original has:
Yours has:
You call three images?
My original has:
.white ul.mega-menuh {background: #ccc url(images/bg_white.png) repeat-x 0 -80px; width: 100%; height: 40px; border-right: 1px solid #afafaf; border-left: 1px solid #afafaf; position: relative;}
Yours has:
.white ul.mega-menuh {background: #ccc url(images/bg_plainwhite bg_sub_left_plainwhite.png bg_sub_plainwhite.png) repeat-x 0 -80px; width: 100%; height: 40px;position: relative;}
You call three images?
Ups. Something was wrong there. Should be only one. I call it "plainwhite". But stull no change. When I call the submenu, I want there to me an image (white) that drops down. No´w I only have text with no background
Hey I know this is really old, but I'm just searching through some mega-menu topics to find one close to mine.
I would say if your plainwhite bg isn't followed by .png like the others you had sitting there, it wouldn't display.
Cheers!
I would say if your plainwhite bg isn't followed by .png like the others you had sitting there, it wouldn't display.
Cheers!
Your css code is a mess/wrong.
Will have a look soon.