Form is not scrolling smoothly

This topic has 5 replies, 2 voices, and was last updated 1 year ago by Aizaz Imtiaz Awan.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
November 16, 2023 at 10:43 am #512775

shweta
Participant

Hi,

I’m creating a website for glasses and I have a form for users to give us the prescription as an upload file or manually enter the prescription.
While selecting the options in the steps, a user scrolls down the form and does not scroll smoothly. I’m not sure how to explain this, please check the video link or website URL of the page below. You’ll get a better understanding of the problem.

I’ve used Extra Product Options & Add-Ons for WooCommerce plugin to create the form.

Video: https://drive.google.com/file/d/1GLE04Dcve2-vULoVVdbRg_B8-_FH2kzF/view?usp=sharing
URL: https://parthparikh.com/product/variable-by-gufran/

Thank you.
Regards,

November 16, 2023 at 2:16 pm #512864

Aizaz Imtiaz Awan
Keymaster

Hello,

I have visited your site and the form is not showing on a single product page.

Best Regards.

November 17, 2023 at 9:11 am #513058

shweta
Participant

Hi,

I solved that by adding some CSS to the form.

I’ve added a size guide image and it’s going well but I have a lot of size in the bottom there. Check screenshot for the reference, please.

Screenshot: https://ibb.co/r4tXS6r

I want to remove the top and bottom padding from the size guide. We want the image only to show when a user clicks on the size guide option with a minimum amount of padding.

There is a row and column option in the setting where I’ve added the image and it can’t be removed. There should be at least one row or column to be there.

Thank you.
Regards,

November 17, 2023 at 1:16 pm #513165
Aizaz Imtiaz Awan
Keymaster
Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS
```
.mfp-move-horizontal.mfp-ready .mfp-with-anim, .mfp-move-horizontal.mfp-ready .mfp-with-anim .summary-inner {
     height: 33rem;
}

.wd-sizeguide .responsive-table {
      display: none;
}

.wd-sizeguide-content {
   margin-top: -40px;
}
```
Best Regards.
November 17, 2023 at 4:57 pm #513281

shweta
Participant

Hi,

The code working just fine. Thank you.

Regards,

November 18, 2023 at 9:07 am #513393

Aizaz Imtiaz Awan
Keymaster

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.
Author

Posts