Upgrading to Modern Sass

In this case, Sass stands for Syntactically Awesome Style Sheets.

In this case, Sass stands for Syntactically Awesome Style Sheets.

In a previous post, I mentioned that I will be working on my next major update for The M.X. As part of these changes, I thought to put together some tutorials documenting this process.

I have a confession to make. Sometimes I look at the websites of some of the users of The M.X. theme.

Some WordPress themes come with a “header builder” which allows you to arrange elements in your header however you’d like. For those not familiar with this terminology, a header is the area at the top of every page in your website. It usually includes the main navigation.

After adding WooCommerce compatibility to this website’s theme, I figured why stop at just this theme. The M.X. already had some styling just for WooCommerce blocks.

JGD-BizElite and Urban Square are both very old themes, both almost ten year old themes. Because of their traditional layouts, they are less likely to benefit from new changes to WordPress, such as block patterns and more.