Custom Permalink with child categories creating 404

I figured out why this was not working. I had to set the category base to a dot(.) without any plugins but since I had ‘Yoast SEO’ Plugin instead, I had the not set the correct settings. To achieve the permalink structure I required:

Without Plugin:

  1. Go to Setting > Permalinks
  2. Select Custom Structure
  3. Add /%category%/%postname%/ after your domain
  4. Change Category Base to period/dot.

With Yoast SEO plugin:

  1. Go to Yoast SEO
  2. Select advanced
  3. Click on the tab permalinks at the top
  4. Check Strip the category base (usually /category/) from the category URL.

Here is where is got those steps from (and some other ways to remove category base)