How to put "user info" under "links" on the top right? please help!

[alexidro]

hello guys, I'm new to prestashop and I'm having trouble theming it, in particular i'm looking for putting "user info" under "links" on the top right of the page. Site is www.computerman.it and look this forum page as reference of what i want to do.
Please, can anybody help me? Thanks!!!

[Radu]

have you played with admin->modules->positions, more exactly repositioning the elements?
for further tweaking also check header_links and header_user inside themes/prestashop/css/global.css

[alexidro]

Yes, I already attempted to do this from the modules position admin page, but nothing changed, I did try with alla combinations.
In the CSS I find them and it's like this, what I have to modify?

/* top links */
ul#header_links {
   margin: 0.4em 0.3em 0 0;
   list-style-type: none;
   float: right;
}
#header_links li {
   float: left;
   width: 66px;
}
#header_links a {
   display: block;
   height: 15px;
   color: #595a5e;
   padding-top: 19px;
   text-align: right;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: top right;
   background-color: transparent;
}
#header_links #header_link_sitemap a {
   background-image: url('../img/icon/sitemap.gif');
}
#header_links #header_link_contact a {
   background-image: url('../img/icon/contact.gif');
}
#header_links #header_link_bookmark a {
   background-image: url('../img/icon/star.gif');
}

/* block top search */
#header #search_block_top {
   background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
   height: 28px;
   width: 336px;
   float: left;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
   background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
   float: left;
   width: 19px;
   height: 18px;
   display: block;
}
#header #search_block_top input#search_query { width: 12em; }

/* block left column "Quick search" */
#search_block_left input {
   margin: 2px 0px 0px 0px;
}
#search_block_left #search_query {
   width: 11em;
}
#search_button {
   display: inline;
}

/* block top user information */
#header #header_user {
   width: 99%;
   text-align: right;
   clear: left;
   margin:0.6em 0.6em 0 0;
}
#header_user p { color: #595a5e; }
#header_user span { font-weight: bold; }
#header_user ul { margin-top: 0.3em; }
#header_user li {
   float: right;
   line-height: 2em;
   margin-left: 0.5em;
   white-space: nowrap;
}
#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em; }
#header_user #shopping_cart a, #header_user #your_account a {
   background-repeat: no-repeat;
   background-position: top left;
   padding: 2px 0 4px 26px;
   height: 20px;
   text-decoration: none;
}
#header_user #shopping_cart a { background-image: url('../img/icon/cart.gif'); }
#header_user #shopping_cart span.ajax_cart_quantity { padding-right:0.5em; }
#header_user #your_account a { background-image: url('../img/icon/my-account.gif'); }

[Radu]

I cand do the work for you as I don't have a stock install at my hand but try this

#header #header_user {
   clear:both;
   float:right;
   width: 99%;
   text-align: right;
   margin:0.6em;
}

[alexidro]

Thank you for reply, i did what you suggest, now it looks better but they are yet on the same line and not the use info under links, i made the position order user info under links and reverse but in both ways it's the same, i post here what the global.css is now in that part:

/* top links */
ul#header_links {
   margin: 0.4em 0.3em 0 0;
   list-style-type: none;
   float: right;
}
#header_links li {
   float: left;
   width: 66px;
}
#header_links a {
   display: block;
   height: 15px;
   color: #595a5e;
   padding-top: 19px;
   text-align: right;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: top right;
   background-color: transparent;
}
#header_links #header_link_sitemap a {
   background-image: url('../img/icon/sitemap.gif');
}
#header_links #header_link_contact a {
   background-image: url('../img/icon/contact.gif');
}
#header_links #header_link_bookmark a {
   background-image: url('../img/icon/star.gif');
}

/* block top search */
#header #search_block_top {
   background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
   height: 28px;
   width: 336px;
   float: left;
}
#header #search_block_top p { padding: 0.4em 0 0.4em 1em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
   background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
   float: left;
   width: 19px;
   height: 18px;
   display: block;
}
#header #search_block_top input#search_query { width: 12em; }

/* block left column "Quick search" */
#search_block_left input {
   margin: 2px 0px 0px 0px;
}
#search_block_left #search_query {
   width: 11em;
}
#search_button {
   display: inline;
}

/* block top user information */
#header #header_user {
   width: 99%;
   text-align: right;
   clear: left;
   margin:0.6em 0.6em 0 0;
}
#header_user p { color: #595a5e; }
#header_user span { font-weight: bold; }
#header_user ul { margin-top: 0.3em; }
#header_user li {
   float: right;
   line-height: 2em;
   margin-left: 0.5em;
   white-space: nowrap;
}
#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em; }
#header_user #shopping_cart a, #header_user #your_account a {
   background-repeat: no-repeat;
   background-position: top left;
   padding: 2px 0 4px 26px;
   height: 20px;
   text-decoration: none;
}
#header_user #shopping_cart a { background-image: url('../img/icon/cart.gif'); }
#header_user #shopping_cart span.ajax_cart_quantity { padding-right:0.5em; }
#header_user #your_account a { background-image: url('../img/icon/my-account.gif'); }