June Updates

The latest Matrix Themes updates and bug fixes of June 2020

Sticky elements issue

bug fixes

In some Matrix Themes ( templates with sticky header ) you might see a bug with the header like you see in below screenshot. The error is specially visible in Firefox browser.

How to Fix

In admin mode, go to Matrix Themes menu > Updates and find a quick tutorial with this issue.

All you have to do is to remove the current version of matrix js file and replace it with the latest version matrix-1.6.3.js which includes the sticky plugin updates

matrix-1.6.3

Includes the updated sticky.js plugin

matrix-1.6.3.js

js File 235.8 KB

Download

Once you replace the js file in your website, you need to make a small change in CSS:


.fixed,.fixed-mobile {
    z-index:203001!important;
}

Alternative fixed header

If you're using advanced package, you can be find a tutorial with an alternative fixed header in updated section "Matrix Add-Ons"

Live preview

Logo image issue

bug fixes

In Firefox browser, the header in templates with logo image inside the sticky element, doesn't appear smoothly on page load. This is happens because the logo image is loaded after other elements in header ( navigation, shopping cart etc ).

To fix it, you add the height of the logo directly in HTML using inline style:


<div class="hs-logo max-height-70">
      <div class="is--flex no-padding" style="height:90px;">
           <a href="/"><img src="logo.png" alt="Custom Jimdo theme" /></a>
      </div>
</div>

PArallax issue

bug fixes

Fixing the parallax image bug on tablet devices.

Go to Design>Custom Template> HTML tab and remove the following line:


var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (isMobile) {
$('.cc-page,.is-parallax,.bg-section').addClass('craple');
}

Mobile navigation issue

bug fixes

If you have very long list of navigation items ( Altona theme or any other multilingual theme), on mobile devices you can't scroll down to the last item. Just add the below style to your CSS / any position):


.m-wrapper {
    overflow-y:auto;
}

Updated support page

updates

The support page has been updated with new tutorials, common support issues and general information.

New Support page

If you need a specific tutorial and further details about any other issue, please leave your comment here ( it won't be posted )

Matrix Add-ons

premium tutorials

On the same support page, you will find a new section "Matrix Add-Ons" which replaces the previous Premium tutorials of Advanced package. The password access is the same sent to you after the purchase of advanced package.