Have you have a solution to put the “guide des tailles” pop-up next to the quantity selector?
Hey @Dalila2 ,
Please add this to the Custom CSS box
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
position: absolute;
top: 7.5%;
right: 10%;
}
@media only screen and (max-width: 480px) {
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
position: absolute;
top: 8.5%;
right: 10%;
}
}
Hey @Dalila2 , Are there some changes that you haven’t pushed live? Because the arrangement of textboxes I see are completely different from yours.
Yes, you saw the published theme. I am working on a draft theme
@Dalila2 I need to see the draft theme, changes I provide for the published theme will not work properly for the draft theme because you have changed things.
@ThePrimeWeb Yes, how do I do it so that you can draft the theme?
@Dalila2 ,
Please refer to this https://www.howcommerce.com/shopify-preview-link/
@ThePrimeWeb I don’t have the bar at the bottom of the screen that allows me to share the preview
@Dalila2 ,
That’s alright then, I would need you to experiment.
On the code below where it says “top: 7.5%”, please increase it enough so it fits next to the quantity button. (If you increase it, it moves down). Start with about 20%.
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
position: absolute;
top: 7.5%;
right: 10%;
}
@ThePrimeWeb Thanks, I succeeded for the computer version. For mobile phones, depending on the different mobile sizes, the pop-up position changes
Hey @Dalila2 ,
Where it says “top: 7.5%”, put in the value that worked for desktop.
For mobile, see one of the last lines that says “top: 8.5%” change that value for mobile.
Then paste this whole code and replace the previous one.
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
position: absolute;
top: 7.5%;
right: 10%;
}
@media only screen and (max-width: 600px) {
.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
position: absolute;
top: 8.5%;
right: 10%;
}
}
@ThePrimeWeb It’s ok thank’s
@ThePrimeWeb When I scroll on the page and go back to the pop-up level, it goes down by itself
Hey @Dalila2 ,
It’s abit difficult to test this without having access to the site. Maybe you can disable it for now, but once you have published the theme you are working on then let me know.