I'm trying to understand how the entire header section is put together, and wanted to move some things around just to try to understand how Magento is putting everything together.

How could I accomplish these changes without using any css as the main change maker? I'm looking for more of how to get these divs moved on the DOM structure then use css on top.

For example, the minicart moved up to the very top right; the logo moved to the center; the search box to the left; and main nav to the right.

I would like to completely redefine/restructure the entire header/navigation section. These don't have to make sense aesthetically, it is just for learning purposes.

Any feedback, resources, and/or help is much appreciated!

enter image description here

| improve this question | | | | |
  • have you check this link , It will help. – Ruhani May 18 '18 at 7:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.