Firefox  browser issue

If you're using the Firefox browser to edit your website, you might have a problem to use a Matrix Theme. The bug won't allow you to click /select any element from admin menu.

bg-gray add-5

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 a new js file 'Matrix-1.9.3' that contains the Firefox bug fix

Download
matrix-1.9.3
matrix-1-9-3-slim.js
js File 168.5 KB
Download

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>

draggable-logo

Showcase

 

Main colors
   bg-primary
   bg-primary-light
   bg-primary-dark
   bg-secondary
   bg-secondary-dark
Template sections
   body
   top-header
   header
   content
Footer Styles
   background
   text color
   link color
   horizontal line
Buttons
   style 1
   style 2
   style 3
   text color
Other elements
  social icons
  navigation color
  subnav background
Mobile navigation
   background color
   navigation color
Template configurations
 
has-center-nav g-font has-large-header
 
Navigation styles
 
size-15 weight-400 snip-nav --line01 is-uppercase
 
Content styles
 
form-white
 
Footer styles
 
o-form color-white

 

Typography

Heading H1
weight-600 is-uppercase
 
Heading H2
weight-400 is-uppercase
 
Heading H3
weight-600 is-uppercase
 
Buttons
weight-600 is-uppercase
 
Animations
 

Note: All changes made here will be applied to your entire website.
is-switcher

MATRIX THEMES

STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE