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: Neighborhood
• January 28, 2015 at 6:36 pm #145251
  dayconti1

  Member

  Post count: 18

  Hello,
  Please I need help

  In one of the queries I asked him to help me to resize the image area in (Page description of the product) and the description column.

  They told me to put the following cod css:
  .woocommerce div.product div.summary{width: 30%; }
  .woocommerce div.product div.images {width: 60%;}
  .woocommerce div.images div.product {width: 60%;}
  Works perfectly on the desktop, have the widest picture and the description column closer, however when in tablet screen or mobile responsive crashes with this code and is like the pictures:

  Where can I change to make it perfect?

  Attachments:

  You must be logged in to view attached files.
  January 29, 2015 at 8:59 am #145348
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  It needs media query, use this instead:

  @media only screen and (max-width: 769px) { 
  .woocommerce div.product div.summary{width: 30%; }
  .woocommerce div.product div.images {width: 60%;}
  .woocommerce div.images div.product {width: 60%;}
  }

  – Kyle

  January 29, 2015 at 12:42 pm #145417
  dayconti1

  Member

  Post count: 18

  Thanks so much for your help,
  just an observation for possible consultations,
  would min-width for failing to appear in the cell.

  January 29, 2015 at 12:43 pm #145418
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sorry, should be min width

  – Kyle

• Back to forum

  Posted in: Neighborhood