[Support request] Woocommerce Long description placement

Home Forums Support Woocommerce Long description placement

  • This topic has 4 replies, 2 voices, and was last updated 3 months ago by David.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1338652
    Kenneth

    Hi,

    First of all, I’d like to say I’m really pleased with the functionality and flexibility of the theme, good job on it!

    I’m writing in today as I encountered a problem with the layout of the woocommerce single product page.
    Customization was made to remove the product tabs and display the content of the long description. There are no issues in mobile view, but on the widest setting on my laptop, the long description appears as such.

    product long description

    I’d like to move the entire long description to start only below the thumbnail image.

    I think that this problem happens because the thumbnail image is a responsive size, and overextends beyond the product summary grid at the wider screen sizes, but I have no idea how to solve this problem.

    Would appreciate if you are able to help, thanks!

    #1338658
    Kenneth

    With the screen width set narrower, the image doesnt extend over the product summary, so the long description appears nicely below.

    #1338936
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .woocommerce #content div.product div.summary + div {
        clear: both;
    }
    #1338944
    Kenneth

    Thanks David, this works!

    #1338978
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.