When one block which is placed in XYZ position into desktop view and then you want to move that div without breaking its functionality.
For example let’s say mini cart is place outside the navigation bar according to design then when moving into responsive screen like mobile or tablet view then you cannot call two mini cart at a time and then through css hide and show each other, because it follow the ID for the JavaScript animation, for that you have to follow below steps.
1.) Add some ID to the main minicart block Magento_Checkout/templates/cart/minicart.phtml
Here we had added ID = “sourceMinicart”. 2.) There add one division where you want to move that minicart
July 9, 2021 | View: 184