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
• November 23, 2015 at 8:42 pm #230784
  ninesolutions

  Member

  Post count: 192

  Dear Swift Ideas,

  Can you help me out with this please. I am looking to get my product image to take up the whole width of the ipad when in portrait view. Now its slightly small and aligned to the right: http://i.imgur.com/4kDk6au.png

  I have tried some CSS but i think i am not getting it right. Thanks!

  Jas

  November 24, 2015 at 8:58 pm #231084
  ninesolutions

  Member

  Post count: 192

  Sorry can i get some help on this please?

  Thanks!

  November 25, 2015 at 6:21 pm #231353
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That is tricky, but please test with this:

  @media only screen and (min-width: 768px) {
  
  .woocommerce div.product div.images {
      width: 100%!important;
  }
  
  .lSSlideWrapper {
      max-width: 100%!important;
  }
  
  .flexslider ul.slides {
      width: 100%!important;
      height: auto!important;
  }
  
  .lSSlideOuter .lightSlider>li {
      width: 100%!important;
  }
  
  }

  Thanks.

  November 25, 2015 at 6:32 pm #231359
  ninesolutions

  Member

  Post count: 192

  Hi David Martin,

  Thanks so much, It works perfect now!

  Appreciated with many thanks.

  Jas

  November 25, 2015 at 6:34 pm #231361
  David Martin – Support

  Moderator

  Post count: 20834

  Great, no problem!
  -David.

• Back to forum

  Posted in: Atelier