Adding Mega Menu to Stucco Theme breaks Navigation area

Permalink Browser Info Environment
Hi,
I purchased Mega Menu for 5.7+ today and added it to our site.

Once adding the Mega Menu to the sitewide navigation area, the whole area covers the site with the exception of the carousel. Can someone please help with this? Stucco is the theme that we normally use. I tried changing the theme and changing it back with no effect.

I have made no code changes to the site thus far.

I have no idea why this is happening and cannot find a fix for it.

The site is:

http://clevelandcenter.org

Thank you,

Bill

Type: Discussion
Status: In Progress
wwwbtroyi
View Replies:
wwwbtroyi replied on at Permalink Reply
wwwbtroyi
Hi,

I had to move the mega menu bar to the page header area so that folks could continue adding content to the site. Please let me know when you can take a look and I will move it back to the sitewide navigation area so you can see what the issue is.

Thank you,

Bill
jb1 replied on at Permalink Reply
jb1
Hi, it may be a z-index issue with the slideshow. It's not uncommon for slideshows to have these kinds of issues with other potentially overlapping elements - the Mega Menu in this case.

If you can add it back to the correct location I can take a closer look and see what tweaks can be made to the slideshow to put it "back in it's place".

Thanks,
JB
wwwbtroyi replied on at Permalink Reply
wwwbtroyi
I have put the mega menu back into the sitewide navigation area. Please let me know what you find out.

Thank you,

Bill
wwwbtroyi replied on at Permalink Reply
wwwbtroyi
Also, If you could suggest where I modify the CSS to center the menu, that would be excellent.

Thanks,

Bill
jb1 replied on at Permalink Reply
jb1
Hi Bill,

It seems the ".main-container" element is experiencing a CSS sizing quirk. It would take more time to find out where in the theme that is originating. So the quickest workaround is applying a border to it. Here's a screenshot of the CSS changes and I've tested:
https://screencast.com/t/BP5X6bOmsLLI...

For the centering question, I answered that on a ticket relating to Mega Menu 5.7, but the CSS is still pretty much the same for this version of Mega Menu (for C5.6 and older):
https://www.concrete5.org/marketplace/addons/mega-menu1/support/trou...

Hope this helps.

JB
wwwbtroyi replied on at Permalink Reply
wwwbtroyi
You gave me good information here. What I don't have is the actual document to make that inline change to. I am new to Concrete5 and am not sure what file needs to be altered to make the changes you show working.

Thanks,

Bill
jb1 replied on at Permalink Reply
jb1
Hi Bill,
Your theme contains a CSS file located in:
stucco/main.css
It's probably located in the "packages" folder. Then search for the CSS code you want to change.

Hope this helps.

JB
wwwbtroyi replied on at Permalink Reply
wwwbtroyi
Thank you very much for your help!

Bill

concrete5 Environment Information

# concrete5 Version
Core Version - 5.7.5.6
Version Installed - 5.7.5.6
Database Version - 20151221000000

# concrete5 Packages
Breadcrumb Trail Page Links (1.1), Event Calendar (3.3.6), ExchangeCore reCAPTCHA (1.1.1), Fruitful (1.2), HonestWebsites Simple testimonials (1.0.0), HTML5 Audio Player Basic (2.0.5), Infotown Table (0.9.9), List files from set (1.0.12), Login/Logout Link (1.0), Login Block (0.9.3), Manual Nav (2.1.1), Mega Menu (1.6.2.2), PDF Viewer (1.0.1), Quick Tabs (1.0), Responsive Embed (1.0.1), Stucco (2.0.0), Vivid Carousel (1.0.1).

# concrete5 Overrides
languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/sl_SI/LC_MESSAGES/messages.mo, languages/sl_SI/LC_MESSAGES, languages/sl_SI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, languages/tr_TR/LC_MESSAGES/messages.mo, languages/tr_TR/LC_MESSAGES, languages/tr_TR, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/sl_SI/LC_MESSAGES/messages.mo, languages/sl_SI/LC_MESSAGES, languages/sl_SI, languages/fr_FR/LC_MESSAGES/messages.mo, languages/fr_FR/LC_MESSAGES, languages/fr_FR, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/pl_PL/LC_MESSAGES/messages.mo, languages/pl_PL/LC_MESSAGES, languages/pl_PL, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 60 minutes.

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:51.0) Gecko/20100101 Firefox/51.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.