If you're using the Firefox browser to edit your website, you might have a problem to use an old Matrix Theme. The bug won't allow you to click /select any element from admin menu.
Solution
There are 2 ways to solve the problem with admin menu:
1) If you're using a recent version of Matrix theme, just upload the next version of js file 'Matrix-1.9.3' that contains the Firefox bug fix
2) For the old templates using matrix 1.4, 1.6 or even 1.8, you can add the following code inside the Edit Head section:
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($) {
// Init
$(document).ready(function() {
// firefox bug fix for admin menu
$('.cd-btn').on('click', function(event){
event.preventDefault();
$("#cms", window.parent.document).parent().parent().parent().parent().parent().css("top", "0").css("height", "100%");
});
//clode the lateral panel
$('.cd-panel').on('click', function(event){
if( $(event.target).is('.cd-panel') || $(event.target).is('.cd-panel-close') ) {
$("#cms", window.parent.document).parent().parent().parent().parent().parent().css("top", "48px").css("height","calc(100vh - 48px)");
event.preventDefault();
}
});
});
})(jQuery);
//]]>
</script>
Resources
Documentation
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| top-header-inner | |
| header | |
| header-inner | |
| navigation-inner | |
| navigation color | |
| dropdown background color | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| background color | |
| navigation color |
| social icons | |
| top header border | |
| header border | |
| nav inner border |
| Template configurations | |
|
|
| Top header inner | |
| Header inner | |
| Navigation inner | |
| Navigation styles | |
| snip-nav --line01 is-uppercase size-13 | |
| Sub-menu (breadcrumbs) styles | |
| size-15 | |
| Mobile Navigation styles | |
| size-30 | |
| Content styles | |
| form-white mid-round-btn | |
| Footer styles | |
| o-form color-white white-outline-btn mid-round-btn | |
| Footer background image | |
|
Typography |
|
| Heading H1 | |
| weight-400 | |
| Heading H2 | |
| weight-400 | |
| Heading H3 | |
| weight-400 | |
| Buttons | |
| weight-400 | |
| Advanced settings | |
| Custom CSS | |
|
#cc-inner .my-class { color:#f0f0f0; }
|
Note: All changes made here will be applied to your entire website.