More button is moving down in the chrome browser

[ashadweb]

 

I'm working on a prestashop theme and the more button is moving down in the chrome browser but it renders fine in firefox.

 

http://bit.ly/1pzlXoW

 

CHROME SCREENSHOT More button should be on the same line like in firefox browser.http://tinypic.com/view.php?pic=2ebfhbq&s=8#.U2xnv_mSyB8

 

Firefox Screenshot

http://i59.tinypic.com/5xkhaf.jpg

 

Chrome version - Version 34.0.1847.131 m Firefox Version - 28.0

 

Thanks

 

 

[Dh42]

Add this to the bottom of your global.css and see if it fixes it.

#center_column > ul > li:nth-child(1) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

[ashadweb]

Hi Thanks

 

But only top item corrects others remains the same

bit.ly/1pzlXoW

 

 

 

 

Add this to the bottom of your global.css and see if it fixes it.

#center_column > ul > li:nth-child(1) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

[Dh42]

.col-md-4 {width:390px}

That should do it and not mess anything else up. 

[ashadweb]

You mean only add that line?

If I only add that it comes like this

http://bit.ly/1pzlXoW

 

tx

.col-md-4 {width:390px}

That should do it and not mess anything else up. 

 

[Dh42]

Hmm, I don't see the line in your global.css file. 

[ashadweb]

I have added the last line? and commented the previous code.

 

kept only this

col-md-4 {width:390px}

 

Global.css

http://bit.ly/1lloXQX

 

Hmm, I don't see the line in your global.css file. 

[Dh42]

Sorry, it is hard to do without access and testing. Try replacing the 390px with 33.3% and see if that fixes the issue. 

[ashadweb]

Ok

 

Actually I added these 2 lines and it came correct for 1 & 2 items. How can we edit this line to have it for all the items?

li:nth-child( ) 

 

#center_column > ul > li:nth-child(1) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(2) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

Sorry, it is hard to do without access and testing. Try replacing the 390px with 33.3% and see if that fixes the issue. 

[ashadweb]

For now I have added this line 50 times and changed the numbers so for 50 items it will work fine.Anyway thanks for your help need to find a permanent fix.

 

Thanks for your help

 

Code I added

 

#center_column > ul > li:nth-child(1) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(2) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(3) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(4) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(5) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(6) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(7) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(8) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(9) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(10) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(11) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(12) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(13) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(14) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(15) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(16) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(17) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(18) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(19) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(20) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(21) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(22) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(23) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(24) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(25) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(26) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(27) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(28) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(29) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(30) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(31) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(32) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(33) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(34) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(35) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(36) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(37) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(38) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(39) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(40) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(41) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(42) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(43) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(44) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(45) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(46) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(47) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(48) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(49) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

#center_column > ul > li:nth-child(50) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}

[ashadweb]

Hi Actually I found the way to do Thanks to DG42 (your a star ) hes the one who put the platform for the right path.

 

#center_column > ul > li:nth-child(n+1) > div > div > div.right-block.col-xs-4.col-xs-12.col-md-4 {width:390px}