Want to move one div to some other place without breaking functionality into responsive screen

Want to move one div to some other place without breaking functionality into responsive screen

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



Copyright © 2024 Tridhya Tech Limited, Inc. All rights reserved.