ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• February 18, 2016 at 5:53 am #250190
  contactstu

  Member

  Post count: 19

  Hi guys,

  What’s the best way to make the white description box (div.summary.entry-summary) appear below the product image as an independant box instead of floating next to it? I imagine this whould make a big improvement to how responsive the product page design is for my product images (landscape instead of portrait images). An image of what I’m trying to achieve is attached.

  Regards,
  Stu.

  Attachments:

  You must be logged in to view attached files.
  February 18, 2016 at 10:43 am #250259
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Not sure if this will work but try adding this to your custom css:

  .woocommerce div.product div.summary {
    float: none;
    margin: 0 auto;
  }
  .woocommerce.product-fw-split div.product div.images {
    width: 100%;
    float: none;
  }

  – Kyle

  February 18, 2016 at 9:21 pm #250524
  contactstu

  Member

  Post count: 19

  It’s worked! However, a big space now appears between the product image and the description box on screens smaller than 1920.

  Is there a way to overcome this so the same (small) space exists between the bottom of the mattress image and the top of the description box across different screen sizes?

  February 19, 2016 at 11:39 am #250622
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You’d have to set the thumb position to below, otherwise there’s a set height for the slider which you set in Theme Options, and that will not change when you change the size of your browser

  – Kyle

• Back to forum

  Posted in: Atelier