FYI - using MM 2.0 with 8.5.9

Permalink Browser Info Environment
This is a great add-on that I usually use with custom css without problems.

But now I'm building a new site and faced small problems with MM. I need to stick to version 8.5.9 (another important, not v 9 compatible addon).

When choosing Custom skin and Enabling Hamburger Support the hamburger doesn't work quite right.
Classic hamburger forces the main area to shift to the left. Could not clear that.
Modern makes a double menu, it opens and closes from the icon, but also renders menu texts on a black background. (see the attachment)
This occurred both on the localhost and live site. With Safari, Chrome and Firefox.

I tried changing my custom MM css as well as the theme. The only thing which helped me was removing MM v 2.0 and installing v 1.6.5.

I'm fine with this solution right now. But I hope this helps in case someone else has a similar problem.

1 Attachment

Type: Discussion
Status: Resolved
PaiviK
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi,
Thank for letting me know about that. It seems quite unusual that you're experiencing that. Most of the testing I've done has been with the default skins that are included with Mega Menu - especially for V8 and V9. The "modern" hamburger option offers a new range of styling and functionality which tends to work out of the box - but when using custom CSS, then some adjustments will likely need to be made.

The upside of the custom CSS feature is that your customizations are carried forward with new versions of MM. The only downside is that new/updated features (such as Modern hamburger) have new styling requirements that might not be reflected in your custom CSS. Some of the CSS files within the package were also changed, added and removed. So after making a backup of the package files, perhaps you can try deleting and uploading the new files (without uninstalling the package). This should give you a clean slate.

When in doubt, I suggest making a backup copy of your custom CSS and then using some of the default CSS code from the newest version of MM to re-build the menu. It's a more time-consuming option, but also ensures the custom CSS is more likely to be forward compatible with newer versions.

Naturally, your solution of using an older version of the menu also works. If you don't need the newer features, then the older version will continue to work for many years to come.

Hope this feedback helps.

JB

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.9
Version Installed - 8.5.9
Database Version - 20220319043123

# Database Information
Version: 5.7.39-log
SQL Mode:

# concrete5 Packages
Dictionary (1.0.3), Magic Tabs (7.9.3), Mega Menu (1.6.5)

# concrete5 Overrides
blocks/page_list/templates/teksti_lista/view.css, blocks/page_list/templates/teksti_lista/view.php, blocks/page_list/templates/teksti_lista, blocks/page_list/templates, blocks/page_list, themes/lasikompassi/blank.php, themes/lasikompassi/etusivu.php, themes/lasikompassi/page_forbidden.php, themes/lasikompassi/page_theme.php, themes/lasikompassi/left_sidebar.php, themes/lasikompassi/elements/no_navi_footer.php, themes/lasikompassi/elements/header_top.php, themes/lasikompassi/elements/etu-header.php, themes/lasikompassi/elements/footer_bottom.php, themes/lasikompassi/elements/no_navi_header.php, themes/lasikompassi/elements/footer.php, themes/lasikompassi/elements/header.php, themes/lasikompassi/elements, themes/lasikompassi/right_sidebar.php, themes/lasikompassi/images/background-slider-default.png, themes/lasikompassi/images/background-slider-royal.png, themes/lasikompassi/images/bg_600.jpg, themes/lasikompassi/images/background-slider-blue-sky.png, themes/lasikompassi/images/background-slider-night-road.png, themes/lasikompassi/images/kompassi-6.png, themes/lasikompassi/images/background.png, themes/lasikompassi/images/bg.jpg, themes/lasikompassi/images, themes/lasikompassi/full.php, themes/lasikompassi/tekstisivut.php, themes/lasikompassi/fonts, themes/lasikompassi/thumbnail.png, themes/lasikompassi/no_navi.php, themes/lasikompassi/page_not_found.php, themes/lasikompassi/view.php, themes/lasikompassi/default.php, themes/lasikompassi/css/main.less, themes/lasikompassi/css/presets/defaults.less, themes/lasikompassi/css/presets, themes/lasikompassi/css/bootstrap-modified.css, themes/lasikompassi/css/add-ons/bootstrap-3.2.0, themes/lasikompassi/css/add-ons, themes/lasikompassi/css/build/pagination.less, themes/lasikompassi/css/build/body.less, themes/lasikompassi/css/build/content.less, themes/lasikompassi/css/build/search.less, themes/lasikompassi/css/build/captcha.less, themes/lasikompassi/css/build/breadcrumb.less, themes/lasikompassi/css/build/buttons.less, themes/lasikompassi/css/build/mobile/navigation.less, themes/lasikompassi/css/build/mobile, themes/lasikompassi/css/build/custom-design-classes/block-sidebar-wrapped.less, themes/lasikompassi/css/build/custom-design-classes/blog-entry-list.less, themes/lasikompassi/css/build/custom-design-classes/testimonial-bio.less, themes/lasikompassi/css/build/custom-design-classes/recent-blog-entry.less, themes/lasikompassi/css/build/custom-design-classes/block-sidebar-padded.less, themes/lasikompassi/css/build/custom-design-classes/pikkutekstit.less, themes/lasikompassi/css/build/custom-design-classes/area-content-accent.less, themes/lasikompassi/css/build/custom-design-classes, themes/lasikompassi/css/build/add-ons/calendar.less, themes/lasikompassi/css/build/add-ons, themes/lasikompassi/css/build/font-defaults.less, themes/lasikompassi/css/build/errors.less, themes/lasikompassi/css/build/bootstrap-3.2.0/labels.less, themes/lasikompassi/css/build/bootstrap-3.2.0/pagination.less, themes/lasikompassi/css/build/bootstrap-3.2.0/button-groups.less, themes/lasikompassi/css/build/bootstrap-3.2.0/navs.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/nav-divider.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/labels.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/pagination.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/text-overflow.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/table-row.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/grid.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/size.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/vendor-prefixes.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/responsive-visibility.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/clearfix.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/buttons.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/list-group.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/center-block.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/tab-focus.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/gradients.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/panels.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/background-variant.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/reset-filter.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/hide-text.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/image.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/grid-framework.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/forms.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/progress-bar.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/resize.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/alerts.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/nav-vertical-align.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/text-emphasis.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/opacity.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins/border-radius.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins, themes/lasikompassi/css/build/bootstrap-3.2.0/type.less, themes/lasikompassi/css/build/bootstrap-3.2.0/grid.less, themes/lasikompassi/css/build/bootstrap-3.2.0/jumbotron.less, themes/lasikompassi/css/build/bootstrap-3.2.0/thumbnails.less, themes/lasikompassi/css/build/bootstrap-3.2.0/pager.less, themes/lasikompassi/css/build/bootstrap-3.2.0/tables.less, themes/lasikompassi/css/build/bootstrap-3.2.0/media.less, themes/lasikompassi/css/build/bootstrap-3.2.0/responsive-utilities.less, themes/lasikompassi/css/build/bootstrap-3.2.0/utilities.less, themes/lasikompassi/css/build/bootstrap-3.2.0/navbar.less, themes/lasikompassi/css/build/bootstrap-3.2.0/normalize.less, themes/lasikompassi/css/build/bootstrap-3.2.0/progress-bars.less, themes/lasikompassi/css/build/bootstrap-3.2.0/buttons.less, themes/lasikompassi/css/build/bootstrap-3.2.0/input-groups.less, themes/lasikompassi/css/build/bootstrap-3.2.0/list-group.less, themes/lasikompassi/css/build/bootstrap-3.2.0/carousel.less, themes/lasikompassi/css/build/bootstrap-3.2.0/component-animations.less, themes/lasikompassi/css/build/bootstrap-3.2.0/modals.less, themes/lasikompassi/css/build/bootstrap-3.2.0/print.less, themes/lasikompassi/css/build/bootstrap-3.2.0/variables.less, themes/lasikompassi/css/build/bootstrap-3.2.0/panels.less, themes/lasikompassi/css/build/bootstrap-3.2.0/close.less, themes/lasikompassi/css/build/bootstrap-3.2.0/wells.less, themes/lasikompassi/css/build/bootstrap-3.2.0/glyphicons.less, themes/lasikompassi/css/build/bootstrap-3.2.0/mixins.less, themes/lasikompassi/css/build/bootstrap-3.2.0/forms.less, themes/lasikompassi/css/build/bootstrap-3.2.0/breadcrumbs.less, themes/lasikompassi/css/build/bootstrap-3.2.0/bootstrap.less, themes/lasikompassi/css/build/bootstrap-3.2.0/scaffolding.less, themes/lasikompassi/css/build/bootstrap-3.2.0/alerts.less, themes/lasikompassi/css/build/bootstrap-3.2.0/theme.less, themes/lasikompassi/css/build/bootstrap-3.2.0/popovers.less, themes/lasikompassi/css/build/bootstrap-3.2.0/code.less, themes/lasikompassi/css/build/bootstrap-3.2.0/badges.less, themes/lasikompassi/css/build/bootstrap-3.2.0/tooltip.less, themes/lasikompassi/css/build/bootstrap-3.2.0/responsive-embed.less, themes/lasikompassi/css/build/bootstrap-3.2.0/dropdowns.less, themes/lasikompassi/css/build/bootstrap-3.2.0, themes/lasikompassi/css/build/reset.less, themes/lasikompassi/css/build/megamenu.less, themes/lasikompassi/css/build/header.less, themes/lasikompassi/css/build/mixins.less, themes/lasikompassi/css/build/miscellaneous-styles.less, themes/lasikompassi/css/build/blocks/page-list-option-buttons.less, themes/lasikompassi/css/build/blocks/page-attribute-display.less, themes/lasikompassi/css/build/blocks/feature-template-hover-description.less, themes/lasikompassi/css/build/blocks/date-navigation.less, themes/lasikompassi/css/build/blocks/faq.less, themes/lasikompassi/css/build/blocks/image-slider.less, themes/lasikompassi/css/build/blocks/next-previous.less, themes/lasikompassi/css/build/blocks/image.less, themes/lasikompassi/css/build/blocks/feature.less, themes/lasikompassi/css/build/blocks/page-list-template-thumbnail-grid.less, themes/lasikompassi/css/build/blocks/testimonial.less, themes/lasikompassi/css/build/blocks/page-title-option-byline.less, themes/lasikompassi/css/build/blocks/topic-list.less, themes/lasikompassi/css/build/blocks/tags.less, themes/lasikompassi/css/build/blocks/page-title.less, themes/lasikompassi/css/build/blocks/page-list.less, themes/lasikompassi/css/build/blocks, themes/lasikompassi/css/build/footer.less, themes/lasikompassi/css/build, themes/lasikompassi/css, themes/lasikompassi

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
fpm-fcgi

# PHP Version
7.4.30

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, enchant, exif, fileinfo, filter, ftp, gd, gettext, hash, i360, iconv, imagick, imap, intl, ionCube Loader, json, libxml, mbstring, memcached, mysqli, mysqlnd, odbc, openssl, pcntl, pcre, PDO, pdo_mysql, PDO_ODBC, pdo_sqlite, Phar, posix, pspell, redis, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 180
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 180
max_input_vars - 8000
memory_limit - 1536M
post_max_size - 1280M
upload_max_filesize - 1G
ic24.api.max_timeout - 7
mbstring.regex_retry_limit - 1000000
mbstring.regex_stack_limit - 100000
memcached.sess_lock_max_wait - not set
memcached.sess_lock_wait_max - 150
memcached.sess_server_failure_limit - 0
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
redis.pconnect.connection_limit - 0
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
unserialize_max_depth - 4096

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:103.0) Gecko/20100101 Firefox/103.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 may not request a refund that is not currently owned by you.