How can I reposition a pop-up button on my website?

[JADIS]

Good morning

I would like to know how to change the position of the pop up button “ⓘ” and put it at the place of the arrow on the photo below

my website is : JADIS-SHOP.COM

password: rj

thanks in advance

[PageFly-Victor]

Hi @JADIS

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly

[JADIS]

Bonjour, ca marche mais malheuresement ca bouge change la position de “↑PRIX NEUF‎ ‎ ↑PRIX PROPOSÉ PAR JADIS” en le passant au dessus du prix, et je veux pas que cela se réalise… avez vous une solution ?

[PageFly-Victor]

You can add new code to file theme.liquid

[JADIS]

Hello, thank you very much for your answer.

Your solution is a bit better but unfortunately I would like to fix 2 more things:

1. I would like the space delimited by the arrows to be removed

2. I would like the surrounded space to be removed too

To end up like this:

[PageFly-Victor]

Please help me add more this code

[JADIS]

It works for 1) but not for 2)… do you know how to remove the blank area ( 2) on the images that i send you before)

you are almost at the end bro thanks !

[PageFly-Victor]

please add this code help me to fix the 2nd problem

[JADIS]

Hello again, i have a problem with your code :

it works visually but unfortunately your code has removed a second pop up from the product page named “Comment on mesure ?” So it’s problematic because I would like to keep it… Do you know how to fix this?

Normally the pop up “Comment on mesure ?” is in the area that i circled in red

I think the problem is in the last code that you gave me :

.product-popup-modal__opener { display: none !important; } it's only when i put this code that the popup "Comment on mesure ?" disapear

[PageFly-Victor]

Please help me remove the code

.product-popup-modal__opener {
display: none !important;
}

and add new code

[JADIS]

First, thank you for your answer
This solution is not 100% good because there are 2 problems that result:

1. There is too much white space on the mobile version as shown in the photo below

2. On the PC version, when I go to another article not in promotion, the “size” words is half deleted as shown the image below

Can you help me still? It would be great from you

thanks in advance

[PageFly-Victor]

I did a deeper check and found that each product is showing a different look and feel so it will be overridden I think you should contact the theme so they can take a closer look at this and have the best solution for the whole problem device screen. Thank you so much for your patience and understanding.

[JADIS]

Please man help me you are my only hope… no one wants to help me for this, you are almost there!

[PageFly-Victor]

Can you help me re-add the code that is causing this problem so i can test it as i no longer see the error as shown on this product.