mega menu width of the webpage

8-31-2011 10-48-50 AM.jpg

8-31-2011 10-50-30 AM.jpg

what would i need to edit; so, when the mega menu drops down it drops down the width of the webpage... i included a picture (1st one with a drop down that i am trying to add )

the 2nd one is my site... www.govenom.com

i added this that i found in another post to the mega.css and it increased the width of the drop down to 920px but the alighment is out of whack..

thanks
trey

Hi

There is an option in menu item edit where You can set the width of a single column in submenu or the whole submenu field.

i went in and added the width of 940 for the width; but, what css do i need to add so it stays within the template width...

i added this to the following menu item " team "...tried to add it to the "gamecenter" menu item and its not working---so im not doing it right...

this is where i added it: see attached..

thanks
trey

9-1-2011 8-45-58 AM.jpg

ok i just realized i put it in the wrong one....i put the width in the submenu width and it expanded the menu to 940px which looks perfect... how do i keep the menu within the template margins; so, it dsnt bleed over the right margin...

and how would add a background to the inactive area -- right now it is black..see screenshot..

thanks
trey

9-1-2011 2-14-08 PM.png

Hi

Ok. This is exacly what I was talking about So please ignore my last post. Let keep the disscussion here.

When Your site will be back I'll see the code and tell You what to add.

ok i turned off the css compression... please let me know...

trey

Hi

I still see problem with website. I think it can be because of a javascript conflict. You have a lot of jQuery based modules running next to mootools based. This is not a good way to make it.

What could be the conflict? all the jquery mods by the same company... could the image slideshow along the bottom be the culprit....ive had that happen and once i clear the cache the error is resolved...

What css should i add for the menu stying inside template margins?

I will unpublish that mod momentarily...

Trey

im not seeing that error on my end... though ive seen it before...i just unpublished a mod by shape 5 and an image scroller... please let me know what you see... and what i need to add to style the menu to drop down so it is within the left and right margins.

i am also seeing this on mobile every now and then--- menu appears as mobile version when ive set it to default on the backend-- could this have been a result of the conflict you mentioned earlier..

i did go in and update the template to 1.0.10 most recent version...

thanks
trey

Hi

Please try to add this code to css:

Code: Select all

div.childcontent {
left:0 !important;
}

div#gk-wrapper-top {
position:relative;
}


I do not know whaer the problem is, but it may be because of some plugin I have on my computer, so if You do not see it, than do not worry about it.

that worked to a degree--- i want the submenu width to be 940px no matter how many menu items/ columns are chosen...

is that even possible...

thanks
trey

Hi

Please set the width in the settings of menu items. This should work. But You will have to make it for every submenu.

what i am trying to tell you is it does not work... yes the width shows up if i have enough menu items so the columns fill up.... if you would read the email i sent to your gmail account and address my questions that would be great... right now i am having to wait 3 and 4 days getting a question answered every 12 to 14 hrs... which should only be taking a fraction of time....

i am trying for the same effect as the chicago bears website below ( notice how they may have 1 menu item and the submenu still flies out the width of the page )

this is frustrating...

this is what i sent to your gmail:

this is a perfect example of what i am trying to get the menu to look like:

check out this website: http://www.chicagobears.com/index2.html

...the key is keeping the submenu within the wrapper of the left and right margins...

and the other issue's i am trying to get addressed....
1. would like to eliminate the padding to the left and right of the nav menu--- probably 5-7px on each side....
2. for some reason when i view the website on my phone which is an android the mobile menu appears, though i have it set to default in the template parameters... it's like the menu loads 1 time and the next time it dsnt...

if anyone would like a solution here it is...

ok i was able to figure it out in a way... here is my solution ( found out that gavick really doesn't support the megamenu to an extent since it is a joomla-art t3 product )

i edited the mega.css file and added this:
.gk-menu .megacol { float: left; background-color: #b09f5d; height:156px;}
.gk-menu .megacol:first-child>ul { padding:0; }
.gk-menu .megacol>ul{ padding:0 0 0 5px; }

i hardcode the submenu height--- good for 4 menu items; so, it would be uniform on the drop downs...

i added the submenu width of 980px inside main menu item and instead of adding multiple menu items i added graphics with hotspots instead since the padding/ margins between objects within the megamenu column were set to about 20-30px..

www.govenom.com

Hi

This is a great solution.

Sorry for delays, but I got about 100 other questions from users since I could get back to Yours.