Single product page description moved under product picture

  • Resolved peerdegraaf

    (@peerdegraaf)


    1 year, 2 months ago

    0

    First time ever asking help online, so still a bit of a noob, haha. Should be an easy fix, but with my limited coding skills, I can’t figure it out. Since a couple of weeks the div. that contains the product title, description and additional options, are shown below the product image where it was first show to the right of the product image.

    I’ve figured as much that it’s concerning the following:?Detailed picture with div name / code

    Like i mentioned i would like to have this shown to the right side of the image.

    please can anyone help me what to use and where to put it in.

    thanks!!

    Several simular questionars on stackoverflow that are experiencing the same problem but non of them seem to work. probably because it’s adressing the wrong div or action.

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

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

    (@doublezed2)

    Hello peerdegraaf

    Thank you for contacting WooCommerce support.

    Upon investigating your concern, it appears that a 3rd party plugin on your site is adding a margin-right of 30px which is causing the container with the product details to shift to a new line.

    To address this, one solution would involve implementing some custom CSS to reduce the margin-right value to 10px instead. This will enable the container to fit properly within its intended placement.

    Here is a screenshot for your reference: https://prnt.sc/hPp9Fj2JmqGk

    You can insert the following CSS code into your website to overwrite the default 30px margin:

    @media (min-width: 768px) {
    #wpgs-gallery.woocommerce-product-gallery {
    margin-right: 10px;
    }
    }

    This will cause the #wpgs-gallery.woocommerce-product-gallery element to only use a margin-right of 10px when the screen size is larger than 768px.

    Once you have applied this CSS, please take a look and let me know if it adjusts the alignment as expected.

    Thank you and have a great day!

    Thread Starter peerdegraaf

    (@peerdegraaf)

    Thanks so much for you help!! it did solve the problem for some weeks but now the same problem is happening even with the code in place. any ideas ?

    Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello peerdegraaf

    Thank you for your getting back to us.

    I checked and found that the margin-right value is back to 30px.
    This CSS code is the default plugin code and I cannot see the custom CSS code that I suggested.

    You can insert the same CSS code into your website’s Customizer to overwrite the default 30px margin:

    @media (min-width: 768px) {
#wpgs-gallery.woocommerce-product-gallery {
margin-right: 10px !important;
}
}

    Please don’t hesitate to contact us again if you have more questions or concerns. I am here to help ??

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single product page description moved under product picture’ is closed to new replies.