I'm working on some fairly minor changes to the default rwd 1.9.1 theme.
I've created my own package and theme, and modified header.phtml by copy and pasting in order to move Search, Account and Cart into the top nav bar (ie the header-language-container.) So far so good!
As I've moved the buttons around my layout around by editing the controlling CSS, I've noticed that while the mini cart will follow along wherever the cart button goes, the account dropdown stays resolutely put.
I've compared the css positioning of #header-cart.skip-active and #header-account.skip-active and cannot find any glaring difference. What is controlling the position of this menu?
#header-account.skip-active {
@include menu;
display: block;
position: absolute;
z-index: 200;
top: 40px;
right: 115px;
width: 200px;
}
#header-cart.skip-active {
@include menu;
display: block;
position: absolute;
z-index: 200;
top: 40px;
right: 0;
width: 320px;
background: white;
}
Best Answer
Got back to this after mucking around the backend for a while.
The problem was actually in the header.phtml file. To move the account and minicart, you change the positioning of the account-cart-wrapper div. Inside this div, the Minicart functionality in its entirety is called from different template files, while the account menu is called from within header.phtml. The account menu, when triggered, was located in the header image div and positioned itself accordingly. When moved to the account-cart-wrapper div, it behaved as expected.
Wound up with the following
CSS