• Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
     
  • Home
  • Add-ons
  • Templates
  • Docs
    • Get Started
    • Quick Setup
    • Style Editor
    • Resources
    • Updates
    • Tutorials
  • Blog
  1. Docs

The issue with Firefox browser

Docs

 

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.

 

The issue with Firefox browser add-5 bg-primary-light

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

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>


Matrix Themes


Stand out with professional Jimdo website

Premium 24/7 Support · Lifetime Updates




has-right-col-border

Resources

  • Templates
  • Pre-made Templates
  • Matrix Builder
  • Add-ons
  • Pricing
  • Marketplace

Documentation

  • Get Started
  • Quick Setup
  • Style Editor
  • Tutorials
  • Updates

Quick links

  • Made with Matrix
  • Style Guide
  • Shortcodes
  • Jimdo Creator
  • Small Business websites
  • Feedback

Try Matrix Builder
draggable-logo

Global colors
  bg-primary
  bg-primary-light
  bg-primary-dark
  bg-secondary
  bg-secondary-dark
Template colors
  body
  top-header
  top-header-inner
  header
  header-inner
  navigation-inner
  navigation color
  dropdown background color
  content
Footer Styles
  background
  text color
  link color
  horizontal line
Buttons
  style 1
  style 2
  style 3
  text color
Mobile navigation
  background color
  navigation color
Other elements
  social icons
  top header border
  header border
  nav inner border
Template configurations
 
has-center-nav has-sticky-logo has-large-header g-font no-shopping-cart
 
Top header inner
 
 
 
Header inner
 
 
 
Navigation inner
 
 
 
Navigation styles
 
snip-nav --line01
 
Sub-menu (breadcrumbs) styles
 
size-15
 
Mobile Navigation styles
 
size-30
 
Content styles
 
form-white
 
Footer styles
 
o-form color-white white-outline-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.
is-switcher

About | Privacy Policy | Cookie Policy | Sitemap
Created with Jimdo
Log in Log out | Edit
  • Get Started
  • Quick Setup
  • Style Editor
  • Resources
  • Updates
  • Tutorials
  • Scroll to top
Close