-
AuthorPosts
-
January 11, 2022 at 5:20 pm #1335124
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?
-
This topic was modified 3 years, 9 months ago by
EricSmeets.
January 12, 2022 at 6:46 am #1335176Hey 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,
RikardJanuary 14, 2022 at 2:33 pm #1335598That 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.

-
This reply was modified 3 years, 9 months ago by
EricSmeets.
January 15, 2022 at 7:04 am #1335653Hi,
Please try this CSS instead:
.single-product form.variations_form { position: absolute !important; width: 65%; right: 0; }Best regards,
RikardJanuary 17, 2022 at 4:26 pm #1335895Thanks 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.January 18, 2022 at 4:51 am #1335937Hi,
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,
RikardJanuary 18, 2022 at 8:38 pm #1336087Perfecto again. Thanks Rikard!
January 19, 2022 at 5:16 am #1336110 -
This topic was modified 3 years, 9 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
