Home › Forums › WoodMart support forum › Form is not scrolling smoothly

Form is not scrolling smoothly

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

Tagged: 

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

The topic ‘Form is not scrolling smoothly’ is closed to new replies.