The post gives a programmatic solution to move CMS static block before breadcrumbs in Magento 2 category page.
Why do you need to do so?
Because design matters!
The webpage design is its ID that helps outstand among the overcrowded competitors.
Placing the webpage elements of the correct size in the right position affects the user experience.
Placing the breadcrumbs in the right position according to the nature of your site can be helpful and this solution gives the programmatic solution to make the task easier.
Method to Move CMS Static Block Before Breadcrumbs In Magento 2 Category Page:
Create file catalog_category_view.xml
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<move element="category.cms" destination="page.top" after="breadcrumbs"/>
Use the Comments section below if you have any doubts about the implementation. I am happy to solve it.
Do share the solution with fellow developers via social media.