Friday, 15 June 2018 10:42
Modified: Friday, 15 June 2018 13:30
How to upgrade a mobile theme for DJ-MegaMenu 3.7?3.0 out of 5 based on 2 votes.

DJ-MegaMenu 3.7 comes with a new feature that allows displaying mobile menu button in 3 different ways: icon, icon and text, or text only.

This new feature may require additional CSS styles, especially if your template contains a mobile theme for DJ-MegaMenu or you created your own mobile theme.

Ready to use custom styles

If you experience some problems with the mobile menu button after updating DJ-MegaMenu module, we prepared ready-to-use CSS styles which you can copy and paste to your theme or Joomla template: .dj-mobile-open-btn, .dj-mobile-open-btn, .dj-mobile-open-btn {
display: inline-block;
width: auto;
padding: 3px 8px;
} .dj-mobile-open-btn span + span, .dj-mobile-open-btn span + span, .dj-mobile-open-btn span + span {
margin-left: 12px;
} .dj-mobile-open-btn:focus, .dj-mobile-open-btn, .dj-mobile-open-btn:hover, .dj-mobile-open-btn:focus, .dj-mobile-open-btn:hover, .dj-mobile-open-btn:focus {
text-decoration: none;
} {
width: auto;
} select {
width: auto;
max-width: 9999px;
text-indent: 9999px;
} {
position: relative;
text-align: center;
} {
text-align: left;
margin: 0;
} {
text-align: right;
margin: 0;
User Rating:  (2)