sticky bar width problem

[nakul]

Hi All,

 

go to 

http://www.tabsort.org/index.php?controller=products-comparison

(if no products then add 3 products!)

 

Please use firebug

 

having some problems with the sticky bar.

The width i gave is 700px of the

<div id="sticky_bar" style="background-color:#f2f2f2;box-shadow:0 5px 5px #CCC; width:700px ;">

 

how to make it responsive?

 

Thanks.

Nakul

 

 

[Paulito]

Good morning

 

Sorry to mention this but:

 

It would be so much better to ask a question in only one forum, not duplicate it.

 

Not only does this help you but as importantly help other forum members who also seek the same information, it can get so confusing following different threads

 

Paul

[vekia]

ohh it's duplicated! i already replied here: 

http://www.prestashop.com/forums/topic/295208-sticky-bar-width-problem (i closed this topic!)

 

copy of my message:

 

 

instead of width:700px; use width:100%

[nakul]

Really sorry for posting same topic twice. I am really sorry.

 

instead of width:700px; use width:100%

 

I tried the above code but didnt worked as I expected.

 

Thanks.

NakuL

[PascalVG]

Vekia's 100% works OK from 599px++ screen widths. Below that the responsive theme makes one column of it, so needs some more changes as background colour goes over items. but 100% itself seems to work well. What was "not expected"?

 

( to see result, clear cache, force compile template in Adv. Params->Performance)

 

pascal.

[vekia]

weirdy.

i checked it on several devicec (different screen resolutions) and everything works well.

can you please explain what doesn't work as you expect?

[nakul]

Thanks for replies..

 

I changed from 700px to 100% and the sticky bar was great. But as we scroll down the bar gets really wide.. Thats what i didnt expected!!!!