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
• April 10, 2016 at 10:19 am #260520
  p.magalhaes

  Member

  Post count: 9

  Hi guys,

  I found some mobile issues in the default installation of the template.
  These are CSS related i believe, so probably you already know the fix for it.

  Screenshot 1, the “LATEST ARRIVALS” should have 2 columns and the arrows should be aligned with title like in screenshot 2.
  Screenshot 2, in the “Additional Information” module, there is a scroll bar which shouldnt exist.
  Screenshot 3, the Shopping Cart in Overlay mode, its not looking well. There are some scrollbars and the position doesnt look well.
  Scrennshot 4, the wishlist doesnt fit the full width and there is no image in the product which i dont know if its related issue.

  Can you please provide me some tips to solve these issues?

  Thanks for your patience, Pedro

  Attachments:

  You must be logged in to view attached files.
  April 11, 2016 at 3:37 pm #260737
  David Martin – Support

  Moderator

  Post count: 20834

  The theme demo is a couple of version behind the latest update.

  – What is your URL with these issues?

  Thanks.

  April 11, 2016 at 3:57 pm #260743
  p.magalhaes

  Member

  Post count: 9

  This reply has been marked as private.
  April 12, 2016 at 8:27 am #260858
  p.magalhaes

  Member

  Post count: 9

  Hi already downloaded a fresh copy from Themeforest and apply in the website.
  It still the same in terms of CSS issues.

  April 12, 2016 at 8:28 am #260860
  p.magalhaes

  Member

  Post count: 9

  My concern is more about the 360px wide for the carousel.
  It should be 2 columns instead of 1. See the screenshot 1.

  April 13, 2016 at 11:30 am #261164
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please test this for the carousel.

  @media only screen and (max-width: 479px)
  .woocommerce .products .product.col-sm-sf-5 {
      width: 100%!important;
  }
  .product_list_widget .owl-carousel .owl-item {
      max-width: 187px!important;
  }
  }

  Thanks.

• Back to forum

  Posted in: Atelier