Mega Menu for Concrete Version 9 breaks unless cache is cleared

Permalink Browser Info Environment
I've been using the Mega Menu for many years and never had this problem before I started to use Concrete5.9. Basically everytime I log into a site and change anything on it (not necessarily anything to do with the menu) the Mega Menu stops working as a hamburger unless I clear the cache immediately before logging out, and there is a message "The hamburger menu is disabled while you have write permissions to avoid an interface clash with the Dashboard. Public/guest visitors will see the menu. Try viewing the page in an Incognito browser window".

Obviously I know it is good practice to clear the cache anyway but in previous versions of Concrete I didn't have to do this and the menu still worked. The main problem is that I build and maintain the sites using a large screen so unless I actively try it I don't always notice that it isn't working on mobiles or small screens and I do worry that I may forget to check and the mobile navigation will not be accessible to users of the site.

Can you shed any light on why this might be happening?

Thank you, Lucy

Type: Ticket
Status: In Progress
ppisoban
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi Lucy,
Thanks for sending your message.

There are 2 types of hamburger options on the Mega Menu that was introduced a while back - the traditional and "modern". The modern design has a few visual flourishes that make the end result feel more polished like off-canvas animations. But the downside of this approach is that it interferes with the Concrete CMS editor interface, since that also uses the same type of off-canvas animations. The quickest solution was to disable the modern hamburger in those situations, but still show it to the "public" user (users who have not logged into the CMS).

I've tried to replicate the issue you've described on the latest version of Concrete and am able to get the same result when "block output cache" is enabled (it is set here - /dashboard/system/optimization/cache). Typically development is done with this option turned off so I hadn't noticed it. Apologies for that.

I also ensured that the full page cache worked ok (also set on the same Dashboard page), and that was fine. So I'll modify the Mega Menu to read the "block output cache" setting and adjust the way it is displayed to prevent this sort of clash. I'll get back to you within the next couple days with the update.

In the meantime, I noticed from your environment info, that your Mega Menu version is a little out of date. Once I have uploaded the fix to the marketplace, I'll let you know so you can download it.

In the meantime, I appreciate your patience.

JB
ppisoban replied on at Permalink Reply
ppisoban
Ah yes I always use the Modern hamburger - I love it! Thank you so much to getting back to me so quickly. I look forward to updating all the menus on my 5.9 sites!

All the best

Lucy
jb1 replied on at Permalink Reply
jb1
Hi Lucy, I've fixed up the caching issue in the latest version just uploaded to the marketplace - 2.0.4. Can you please try that out (remember to clear the site cache) and let me know if it works ok for you?
ppisoban replied on at Permalink Reply
ppisoban
Thanks so much for this! I've upgraded one of my sites and all seems well so far! I'll upgrade them all and let you know if I have any other problems.

Cheers

Lucy
jb1 replied on at Permalink Reply
jb1
Great to hear, Lucy. Thanks for the update.

concrete5 Environment Information

# Concrete Version
Core Version - 9.1.3
Version Installed - 9.1.3
Database Version - 20220908074900

# Hostname
copper.cloudhosting.co.uk

# Environment
production

# Database Information
Version: 10.3.38-MariaDB-log-cll-lve
SQL Mode: NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

# Concrete Packages
Honest Websites Back To Top (1.1.0), Mega Menu (2.0.1)

# Concrete Overrides
themes/dess/css/normalize.css, themes/dess/css/basic-style.css, themes/dess/css/build/body.less, themes/dess/css/build/breadcrumb.less, themes/dess/css/build/buttons.less, themes/dess/css/build/content.less, themes/dess/css/build/footer.less, themes/dess/css/build/miscellaneous-styles.less, themes/dess/css/build/pagination.less, themes/dess/css/build/header.less, themes/dess/css/build/mixins.less, themes/dess/css/build/reset.less, themes/dess/css/build/search.less, themes/dess/css/build/blocks/date-navigation.less, themes/dess/css/build/blocks/feature-template-hover-description.less, themes/dess/css/build/blocks/faq.less, themes/dess/css/build/blocks/feature.less, themes/dess/css/build/blocks/image-slider.less, themes/dess/css/build/blocks/image.less, themes/dess/css/build/blocks/next-previous.less, themes/dess/css/build/blocks/page-attribute-display.less, themes/dess/css/build/blocks/page-list.less, themes/dess/css/build/blocks/page-title-option-byline.less, themes/dess/css/build/blocks/page-title.less, themes/dess/css/build/blocks/page-list-option-buttons.less, themes/dess/css/build/blocks/tags.less, themes/dess/css/build/blocks/testimonial.less, themes/dess/css/build/blocks/topic-list.less, themes/dess/css/build/blocks/page-list-template-thumbnail-grid.less, themes/dess/css/build/blocks, themes/dess/css/build/bootstrap-3.2.0/bootstrap.less, themes/dess/css/build/bootstrap-3.2.0/alerts.less, themes/dess/css/build/bootstrap-3.2.0/badges.less, themes/dess/css/build/bootstrap-3.2.0/button-groups.less, themes/dess/css/build/bootstrap-3.2.0/breadcrumbs.less, themes/dess/css/build/bootstrap-3.2.0/buttons.less, themes/dess/css/build/bootstrap-3.2.0/carousel.less, themes/dess/css/build/bootstrap-3.2.0/dropdowns.less, themes/dess/css/build/bootstrap-3.2.0/forms.less, themes/dess/css/build/bootstrap-3.2.0/grid.less, themes/dess/css/build/bootstrap-3.2.0/input-groups.less, themes/dess/css/build/bootstrap-3.2.0/glyphicons.less, themes/dess/css/build/bootstrap-3.2.0/close.less, themes/dess/css/build/bootstrap-3.2.0/jumbotron.less, themes/dess/css/build/bootstrap-3.2.0/code.less, themes/dess/css/build/bootstrap-3.2.0/labels.less, themes/dess/css/build/bootstrap-3.2.0/list-group.less, themes/dess/css/build/bootstrap-3.2.0/component-animations.less, themes/dess/css/build/bootstrap-3.2.0/media.less, themes/dess/css/build/bootstrap-3.2.0/mixins.less, themes/dess/css/build/bootstrap-3.2.0/modals.less, themes/dess/css/build/bootstrap-3.2.0/navbar.less, themes/dess/css/build/bootstrap-3.2.0/navs.less, themes/dess/css/build/bootstrap-3.2.0/normalize.less, themes/dess/css/build/bootstrap-3.2.0/pager.less, themes/dess/css/build/bootstrap-3.2.0/pagination.less, themes/dess/css/build/bootstrap-3.2.0/panels.less, themes/dess/css/build/bootstrap-3.2.0/popovers.less, themes/dess/css/build/bootstrap-3.2.0/print.less, themes/dess/css/build/bootstrap-3.2.0/progress-bars.less, themes/dess/css/build/bootstrap-3.2.0/responsive-embed.less, themes/dess/css/build/bootstrap-3.2.0/scaffolding.less, themes/dess/css/build/bootstrap-3.2.0/responsive-utilities.less, themes/dess/css/build/bootstrap-3.2.0/tables.less, themes/dess/css/build/bootstrap-3.2.0/theme.less, themes/dess/css/build/bootstrap-3.2.0/thumbnails.less, themes/dess/css/build/bootstrap-3.2.0/tooltip.less, themes/dess/css/build/bootstrap-3.2.0/type.less, themes/dess/css/build/bootstrap-3.2.0/utilities.less, themes/dess/css/build/bootstrap-3.2.0/variables.less, themes/dess/css/build/bootstrap-3.2.0/wells.less, themes/dess/css/build/bootstrap-3.2.0/mixins/alerts.less, themes/dess/css/build/bootstrap-3.2.0/mixins/background-variant.less, themes/dess/css/build/bootstrap-3.2.0/mixins/border-radius.less, themes/dess/css/build/bootstrap-3.2.0/mixins/buttons.less, themes/dess/css/build/bootstrap-3.2.0/mixins/gradients.less, themes/dess/css/build/bootstrap-3.2.0/mixins/grid-framework.less, themes/dess/css/build/bootstrap-3.2.0/mixins/center-block.less, themes/dess/css/build/bootstrap-3.2.0/mixins/forms.less, themes/dess/css/build/bootstrap-3.2.0/mixins/clearfix.less, themes/dess/css/build/bootstrap-3.2.0/mixins/labels.less, themes/dess/css/build/bootstrap-3.2.0/mixins/grid.less, themes/dess/css/build/bootstrap-3.2.0/mixins/list-group.less, themes/dess/css/build/bootstrap-3.2.0/mixins/hide-text.less, themes/dess/css/build/bootstrap-3.2.0/mixins/nav-divider.less, themes/dess/css/build/bootstrap-3.2.0/mixins/nav-vertical-align.less, themes/dess/css/build/bootstrap-3.2.0/mixins/image.less, themes/dess/css/build/bootstrap-3.2.0/mixins/opacity.less, themes/dess/css/build/bootstrap-3.2.0/mixins/pagination.less, themes/dess/css/build/bootstrap-3.2.0/mixins/panels.less, themes/dess/css/build/bootstrap-3.2.0/mixins/progress-bar.less, themes/dess/css/build/bootstrap-3.2.0/mixins/resize.less, themes/dess/css/build/bootstrap-3.2.0/mixins/reset-filter.less, themes/dess/css/build/bootstrap-3.2.0/mixins/responsive-visibility.less, themes/dess/css/build/bootstrap-3.2.0/mixins/size.less, themes/dess/css/build/bootstrap-3.2.0/mixins/tab-focus.less, themes/dess/css/build/bootstrap-3.2.0/mixins/table-row.less, themes/dess/css/build/bootstrap-3.2.0/mixins/text-emphasis.less, themes/dess/css/build/bootstrap-3.2.0/mixins/text-overflow.less, themes/dess/css/build/bootstrap-3.2.0/mixins/vendor-prefixes.less, themes/dess/css/build/bootstrap-3.2.0/mixins, themes/dess/css/build/bootstrap-3.2.0, themes/dess/css/build/custom-design-classes/blog-entry-list.less, themes/dess/css/build/custom-design-classes/block-sidebar-wrapped.less, themes/dess/css/build/custom-design-classes/block-sidebar-padded.less, themes/dess/css/build/custom-design-classes/area-content-accent.less, themes/dess/css/build/custom-design-classes/recent-blog-entry.less, themes/dess/css/build/custom-design-classes/testimonial-bio.less, themes/dess/css/build/custom-design-classes, themes/dess/css/build/fonts/defaults.less, themes/dess/css/build/fonts/blue-sky.less, themes/dess/css/build/fonts/royal.less, themes/dess/css/build/fonts/night-road.less, themes/dess/css/build/fonts, themes/dess/css/build/mobile/navigation.less, themes/dess/css/build/mobile, themes/dess/css/build, themes/dess/css/presets/royal.less, themes/dess/css/presets/defaults.less, themes/dess/css/presets/night-road.less, themes/dess/css/presets/blue-sky.less, themes/dess/css/presets, themes/dess/css, themes/dess/dist/aos.css, themes/dess/dist/aos.js, themes/dess/dist, themes/dess/description.txt, themes/dess/twocolumnsimple.php, themes/dess/default.php, themes/dess/view.php, themes/dess/twocolumn.php, themes/dess/wide.php, themes/dess/elements/footer_bottom.php, themes/dess/elements/header.php, themes/dess/elements/header_top.php, themes/dess/elements/footer.php, themes/dess/elements, themes/dess/fonts/398080_0_0.eot, themes/dess/fonts/example.html, themes/dess/fonts/HKNova-Medium.woff, themes/dess/fonts/398080_0_0.ttf, themes/dess/fonts/398080_0_0.woff2, themes/dess/fonts/398080_0_0.woff, themes/dess/fonts/style.css, themes/dess/fonts/Web/MyFontsWebfontsKit.css, themes/dess/fonts/Web/StartHere.html, themes/dess/fonts/Web/Start here files/header.png, themes/dess/fonts/Web/Start here files/highlight.js, themes/dess/fonts/Web/Start here files/layout.css, themes/dess/fonts/Web/Start here files, themes/dess/fonts/Web/webfonts/398080_0_0.woff, themes/dess/fonts/Web/webfonts/398080_0_0.woff2, themes/dess/fonts/Web/webfonts/398080_0_0.ttf, themes/dess/fonts/Web/webfonts/398080_0_0.eot, themes/dess/fonts/Web/webfonts, themes/dess/fonts/Web, themes/dess/fonts, themes/dess/images/bgimage.jpg, themes/dess/images/footer.jpg, themes/dess/images/bgimagesmaller.jpg, themes/dess/images/bgimagesm.jpg, themes/dess/images, themes/dess/js/script.js, themes/dess/js/mobiletrigger.js, themes/dess/js, themes/dess

# Concrete Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - In all cases.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
LiteSpeed

# Server API
litespeed

# PHP Version
7.4.33

# PHP Extensions
bcmath, bz2, calendar, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, i360, iconv, imap, intl, ionCube Loader, json, libxml, litespeed, mbstring, mcrypt, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, readline, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, timezonedb, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 120
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 360
max_input_vars - 8000
memory_limit - 256M
post_max_size - 512M
upload_max_filesize - 512M
ic24.api.max_timeout - 7
mbstring.regex_retry_limit - 1000000
mbstring.regex_stack_limit - 100000
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
unserialize_max_depth - 4096
opcache.max_accelerated_files - 7963
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.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.