Hello, if you look here: https://www.caspersmeets.nl/product/update-abonnement-1-jaar/ I used the following Quick CSS:
.single-product-summary {
overflow: visible !important;
}
to change the description part to full width. However I would like to have the part just above the discription (Kies uw diagnosesysteem, Toevoegen aan winkelwagen…, that part) moved like this (like it is standard):
Can you help me with this?
Hey EricSmeets,
Please try the following in Quick CSS under Enfold->General Styling:
.single-product form.variations_form {
position: absolute;
width: 65%;
right: 0;
}
Best regards,
Rikard
That does not really do the trick. The correct part gets smaller but does not get fitted on the right spot. Also now on mobile it is too narrow and the text falls outside of the box.
Hi,
Please try this CSS instead:
.single-product form.variations_form {
position: absolute !important;
width: 65%;
right: 0;
}
Best regards,
Rikard
Thanks Rikard,
that works. But on a mobile device everything gets cluttered. How can to change the code so that this only applies to desktop and not mobile/ipad.
Kind regards,
Eric Smeets.
Hi,
Please try this CSS instead:
@media only screen and (min-width: 1025px) {
.single-product form.variations_form {
position: absolute !important;
width: 65%;
right: 0;
}
}
Best regards,
Rikard
Perfecto again. Thanks Rikard!