Fields stick out on mobile

  • Resolved Rhand

    (@rhand)


    9 months, 4 weeks ago

    Been stuck for quite some time now. Single Product Pages for our site have a horizontal scroll bar and for the life of me I cannot figure out why. I contacted Fancy Product Designer as I thought it was caused by their way of loading the product image but it seems to the WooCommerce Custom Product Add-on causing the issue. I have contacted them directly already but adding a request for aide here as well. There must be something silly CSS wise I am missing.

    Why are all the additional fields sticking out? All CSS seems to indicate there is enough space and in general 100% width is used. What is the cause of the horizontal scrollbar?

    • This topic was modified 9 months, 4 weeks ago by Rhand.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Nitheesh Parakkat

    (@acowebsupport)

    Hello Rhand,

    Thank you for reaching out. We appreciate your contact via the ticket system. We’re pleased to hear that the provided fix appears to be effective on the iPhone 15 on the iOS Simulator and iPhone 14 device. We look forward to your additional testing in the coming days, including your client review after testing on an Android-operated device.

    Thread Starter Rhand

    (@rhand)

    Working well on the Android device also @acowebsupport. Thanks for the quick fix. Still wonder what we missed you didn’t.

    Only checking cart now as we seem to have a similar issue on mobile. Meaning white bars on sides.

    Plugin Author acowebs

    (@acowebs)

    This was some issue with iOS devices, where if a select dropdown has options with long text content.

    Just added an addiontal css overflow:hidden for select fields inorder to fix this issue.
    You can read more about it here https://stackoverflow.com/questions/14579650/option-element-inside-select-too-long-breaking-mobile-layout

    Regarding cart issue, we will have a check and get back to you soon

    Thread Starter Rhand

    (@rhand)

    Thanks for the reply @acowebs . Much appreciated . Clearer now and learned something. I shared a video on the cart issue just now by email . Hope that makes the whitespace issue clearer on loading the cart on Android mobile. User mentioned that perhaps the zoom level for Android is not working properly.

    Thread Starter Rhand

    (@rhand)

    All issues solved thanks to @acowebs.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Fields stick out on mobile’ is closed to new replies.