Blocks In Grid

Developers Frontend
1

I am trying to get a look for my header and can't figure out how to do it.



What I am trying to achieve is the blocks on the right of the Logo as displayed in this mock up:

[attachment=8480:2.jpg]



And what I thought the grid and blocks would look like in this mock up:

[attachment=8481:1.jpg]



But for the life of me I can't figure out how to achieve it…thanks in advance for any advice

2.jpg

1.jpg

2

And your current looking is?

3

Currently I don't have currency but want to add it which is causing this issue.



So currently my site looks like this:

[attachment=8483:4.jpg]



Which comes from:

[attachment=8482:3.jpg]



So I want to add currency without making the header any taller

3.jpg

4.jpg

4

Please try the following.


  1. Add 3 new grids to the right grid. Their width should be 4
  2. Add the Search block to the first one
  3. Add the My account and Cart content blocks to the second one. The Content alignment should be left for this block
  4. Add the Currency block to the third one



    Thanks