Β 
The Joomla Training Cohort has been launched!

Please send any feedback or bug reports to [email protected] (opens new link)  

In this live stream we took a first look at Mobile Menu CK and it was pretty rough, lol. It took a while to figure out some things because I had some different ideas about how things worked. I only mention that because I don't think you should judge the extension by this video.


00:00:00 - Intro, Sponsors & Greetings
00:02:45 - Mobile Menu CK Light: Initial Setup
00:06:41 - Installation & Basic Configuration
00:12:50 - Early Challenges & Debugging
00:22:09 - Features Overview & Limitations
00:31:55 - Upgrading to Pro Version
00:37:31 - Troubleshooting MaximenuCK vs. Template
00:48:51 - Advanced Troubleshooting
01:04:54 - Breakthrough & Final Solution
01:31:10 - Final Adjustments & Reflections
02:15:55 - Upcoming Livestream Schedule
02:52:05 - Recap: Desktop vs. Mobile Menu Solutions
03:07:52 - Farewell & Gratitude


βœ… Summary

  1. Introduction & Setup Begins
    Tim introduces Mobile Menu CK, shares sponsor info, and sets the stage using a basic Joomla 4 site.

  2. Free Version Installation
    Downloads and installs the Mobile Menu CK Light and Maxi Menu CK Light, but the mobile menu does not display.

  3. Initial Troubleshooting
    Identifies configuration mistakesβ€”editing the wrong menu module. Fixes it, then re-tests on mobile view.

  4. Features & Limitations
    Finds that many useful features (like text styling, merging menus) are Pro-only. Begins testing item-specific mobile display options.

  5. Cache Issues & Browser Testing
    Clears Joomla cache, tests different browsers, and attempts viewer suggestionsβ€”menu still inconsistent on mobile.

  6. Upgrading to Pro Version
    Installs Mobile Menu CK Pro, unlocking style options and merge settings. Starts fresh with a new module setup.

  7. Template Conflicts & Module Adjustments
    Unpublishes default modules, tests different template positions, and installs Template Creator CK to improve layout control.

  8. Deeper Troubleshooting
    Attempts solutions like hiding desktop menus with Bootstrap classes, creating a dedicated β€œMobile Only” menu, and checking merge behavior.

  9. Final Breakthrough
    Finds success by assigning separate modules:

  • One for desktop (hidden on mobile)

  • One for mobile (hidden on desktop)
    Both share the same position in the template.

  1. Final Polish & Reflections
    Verifies menu behavior across devices, reflects on the complex troubleshooting journey, and confirms a flexible, working solution.

πŸ”§ Key Takeaways

  • Two-module approach ensures clean separation of desktop and mobile menus.

  • Bootstrap visibility classes like d-none d-md-block are crucial.

  • The Pro version is worth it for menu merging and custom styling.



 

Please send any feedback or bug reports or queries to;

Contact Tim Davis β–Ί This email address is being protected from spambots. You need JavaScript enabled to view it.

Joomla Training Cohort β–Ί https://cybersalt.com/jtc

JTC has been launched and is now accepting members https://cybersalt.com/services/subscriptions
mySites.guru β–Ί https://mysites.guru
Backing Up Your Joomla Site with Akeeba β–Ίhttps://www.youtube.com/watch?v=4Xu4o0g2-RY&t=0s
FOLLOW US ON X(TWITTER!) β–Ί https://x.com/basicjoomla
LIKE US ON FACEBOOK! β–Ί https://www.facebook.com/basicjoomla
SUBSCRIBE US ON YOUTUBE β–Ί//www.youtube.com/@Basicjoomla

#basicjoomla

#cybersalt



Watch Me Work Livestreams 180

 


Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.

Written by:
Tim Davis is the founder and owner of Cybersalt.
Log in to comment

Add comment

Submit