Cart block expand at wrong position

[vtwqcfchn]

Hello!

I'm using version 1.5.2 of Prestashop, i am using the theme of Graphileom: thgr00027.

 

After remove Left column of home page, when i hover the mouse on the cart link, cart block displays at the wrong position instead of right align  under cart link.

 

i have an image file enclosed with this post

 

anyone help me ?

[dioniz]

It's hard to say without seeing your site. Can you show it?

[vtwqcfchn]

It's hard to say without seeing your site. Can you show it?

My site is deployed locally,  is it ok if i pass you home page source or some code files

[vekia]

cases like that is strictly related to css styles.

unfortunately graphileom theme that you use is very complicated and causing a lot of troubles...

so i think that css styles will not be enough, it's necessary to see it.

[loulou66]

hi

 

try this 

edites file theme/thgr00027r/modules/blockcart/blockcart.css

line 7

#header #cart_block {
	background: none repeat scroll 0 0 transparent;
    display: none;
    height: auto;
    margin-left: 479px;
............

incrase margin-left value

@++

 

Loulou66

[vtwqcfchn]

hi

 

try this 

edites file theme/thgr00027r/modules/blockcart/blockcart.css

line 7

#header #cart_block {
	background: none repeat scroll 0 0 transparent;
    display: none;
    height: auto;
    margin-left: 479px;
............

incrase margin-left value

@++

 

Loulou66

i have not found the folder blockcart that you mentioned . I found one in the path root\modules\blockcart.

 

I really done some basic steps

1. Begin with default theme

2. Install the black thgr00027 theme by theme installer.

3. Remove left column (not hide).

 

i have two more files enclosed this post.

 

hope to get some solutions from you !

homepage.php

blockcart.css

[loulou66]

Hi

 

ok i can see your site then

1°) with chrome   go on your home page 

2°) on the cart right click and select" inspect element"

3°) on left column of console of chrome search 

<div id="cart_block" class="block exclusive" style="display: none;"> (a little bottom  of the selection) and click left on it

4°) on right column you see a css  for this element and you see a line with

margin-left: 479px;  click on 479px for edit it 

5°) put the mouse on the cart(dont click) in home page and press key up for incrase number 479 you see the cart move in rigth 

6°) when the cart is ok remember the new number and you see at top right of declaration the name of css and line (blockcart.css:7)

7° edit the blockcart.css change the margin-left: 479px;  to margin-left: the new nulber px; 

 

clear cache smarty en broswer

refresh page with CTRL+F5

done ^^

 

 

https://developers.google.com/chrome-developer-tools/docs/dom-and-styles

@++

 

Loulou66

Edited April 24, 2014 by loulou66 (see edit history)

[vtwqcfchn]

Hi

 

ok i can see your site then

1°) with chrome   go on your home page 

2°) on the cart right click and select" inspect element"

3°) on left column of console of chrome search 

<div id="cart_block" class="block exclusive" style="display: none;"> (a little bottom  of the selection) and click left on it

4°) on right column you see a css  for this element and you see a line with

margin-left: 479px;  click on 479px for edit it 

5°) put the mouse on the cart(dont click) in home page and press key up for incrase number 479 you see the cart move in rigth 

6°) when the cart is ok remember the new number and you see at top right of declaration the name of css and line (blockcart.css:7)

7° edit the blockcart.css change the margin-left: 479px;  to margin-left: the new nulber px; 

 

clear cache smarty en broswer

refresh page with CTRL+F5

done ^^

 

 

https://developers.google.com/chrome-developer-tools/docs/dom-and-styles

@++

 

Loulou66

yes, with your solution, It works fine, thanks for your suggestion. solved !