Single Product Page Mobile View Gap

  • Resolved digitalmamas

    (@digitalmamas)


    4 months, 1 week ago

    I have a single product page that in mobile view, has a huge gap between the image gallery and the description. See image below. No issues when viewing it on desktop. How do I fix this please?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support ckadenge (woo-hc)

    (@ckadenge)

    Hi there,

    Thanks for reaching out.

    I understand you’re experiencing an issue on how your store is rendered on small devices. In most cases, the design or rendering of your store is handled by your theme.

    Therefore, you can try correcting this with the help of custom CSS. Here’s a sample code you can alter to fit your specific theme:

    @media (max-width: 768px) {
    .single-product .woocommerce-product-gallery {
    margin-bottom: -50px;
     }
    }

    Should the issue persist, please feel free to reach out to your theme support for further assistance.

    All the best.

    Thread Starter digitalmamas

    (@digitalmamas)

    Thank you for trying. Didn’t fix the issue. I have also reached out to theme for support. Thanks

    Plugin Support ckadenge (woo-hc)

    (@ckadenge)

    Hi @digitalmamas,

    Glad to hear it.

    Your theme support will be able to assist you further in achieving your desired results.

    With that said, I’ll go ahead and mark this as solved. Should you have any further questions or concerns, please feel free to reach out and we’ll be happy to assist you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.