need help with user info block

[roma2509]

Hello.How can I move the User info block like in the attached image?I want it on the right side of horizontal menu block

[rocky]

I suggest that you absolute positioning to do that. For example, change the following of lines 190-194 of global.css (in PrestaShop v1.3.2) from:

#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}

to:

#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
   position: relative;
}

#header_user
{
   position: absolute;
   top: 50px;
   right: 50px;
}

This should make the user info appear 50px from the top-right corner of the page. You can change those values until it is in the position you want.

[htech]

hey guys,

please can you guys help


help required with the positioning topic....
struggling to figure this out...
if anyone can point me in the right direction

See attached picture...

looking to move that info from the RED block to the yellow Block..


Thanks

[rocky]

I suggest adding a negative margin-top to the #header_user section of global.css.

[htech]

Thanks for the reply.
lol, please explain this....

[rocky]

Change the /* block top user information */ section of global.css:

#header_right #header_user {
   float: right;
   width: 535px;
   text-align: right;
   margin-right: 6px
}

to:

#header_right #header_user {
   float: right;
   width: 535px;
   text-align: right;
   margin-right: 6px;
   margin-top: -20px
}

[htech]

thanks man, ur a champion! will check it