(SOLVED)place of search-bar depending on screen-width

[pat123]

On my 22-inchj screen the searchbar does not overlap with the cart-symbol.

On my laptop-screen (15-inch, I think) it does.

There is room to place the searchbar more top the left.

How to do this ?

Edited February 21, 2014 by pat123 (see edit history)

[vekia]

you can define position and other css params with media queries

it's well described here: http://css-tricks.com/css-media-queries/

[pat123]

I visited the site you proposed, but unfortunately this is rather unclear for me. I do not see the connection between this site and my problem.

This site explains (I think) the relation between screen-dimensions and what is shown(the complete page)

 

But I just want to place the search-bar a bit to the left

 

I think somewhere prestahop has to define where each element is positioned (relative to another or absloute to the left-margin : position-left param?)

Say that the searchbar begins 400px from the left-edge, I can change it to 300 px f.e. (absolute)

or searchelement is 50px from logo-element, I can change that to 20px )(relative).

 

Where can I change that ?

[vekia]

this is why you have to use media queries, to change position of element depending on screen resolution (22 inch / 15 inch etc)

[pat123]

Did it a bit different: (after long search )

in blocksearh.css I added on top the param left :

 

#search_block_top {
position:absolute;
<!-- search more to the right param left:50px-->
right: 26%;
left: 50px;
top: 34px;
}

 

Perhaps not the most proper way to do, but the result is there and that's (here) what counts.

 

 

Ps. I will mark this topic as solved