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: Dante
• February 25, 2014 at 6:41 am #51474
  Taffy

  Member

  Post count: 261

  Our issue is with Shop Product not displaying 4 items inline when viewing responsively on a tablet in portrait mode.

  We need prompt help resolving this issue.

  Thanks.

  February 26, 2014 at 12:00 am #51845
  Taffy

  Member

  Post count: 261

  Can this issue plea be addressed?

  February 26, 2014 at 12:23 am #51849
  Taffy

  Member

  Post count: 261

  Please review issue here: http://www.taffydev.com.au/clients/artifix/

  To view the issue, you must view on tablet in portrait mode or resize browser window to tablet size – you’ll see that the 4th Shop Product item drops to a second line.

  This bug exists on the Dante demo.

  February 26, 2014 at 10:25 am #51964
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi, please try adding this custom css:

  
  @media only screen and (max-width: 991px) {
  body .has-no-sidebar ul.products li.product {
  width: 165px;
  } }

  Let me know if that worked!

  February 26, 2014 at 10:54 am #51987
  andrelog

  Member

  Post count: 4

  Good! Thanks

  February 26, 2014 at 11:33 pm #52239
  Taffy

  Member

  Post count: 261

  Wonderful! Love your prompt support. Dante is by far the best theme with the most impressive support team!

  February 26, 2014 at 11:34 pm #52240
  Taffy

  Member

  Post count: 261

  Another question…
  How can you keep the carousel arrows visible across all responsive devices?

  February 27, 2014 at 10:07 am #52351
  Melanie – SUPPORT

  Member

  Post count: 11032

  Can you post up a concrete link to a page with a carousel? I’ll investigate 🙂

  February 28, 2014 at 3:16 am #52725
  Taffy

  Member

  Post count: 261

  http://www.taffydev.com.au/clients/artifix/

  I have initialised a carousel for you, but now see that the images are misaligned – the four images are pushed too far to the right.

  On a PC the right arrow is overlapping the image.
  On a tablet (portrait mode) the fourth image is running of the screen.

  February 28, 2014 at 4:59 pm #53019
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi Mark,

  Please remove that CSS from above, it will cause issues with your layout – apologies for that. I’ve checked it without the CSS and it seems to work fine. If you remove it I’ll happily take a look otherwise.

  For the arrows, you can use this custom css:

  @media only screen and (max-width: 1024px) {
  .carousel-wrap a.prev, .carousel-wrap a.next, .flex-direction-nav {
  display: block!important;
  }
  }

  – Ed

  February 28, 2014 at 5:04 pm #53023
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  CSS fix for the layout should be:

  .carousel-wrap ul.products li.product {
  	margin-left: 20px!important;
  }

  Hope that helps.

  – Ed

  February 28, 2014 at 5:04 pm #53022
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  CSS fix for the layout should be:

  .carousel-wrap ul.products li.product {
  	margin-left: 20px!important;
  }

  Hope that helps.

  – Ed

  March 1, 2014 at 3:32 am #53087
  Taffy

  Member

  Post count: 261

  This does seem to work either.

  Please review: http://www.taffydev.com.au/clients/artifix/

  The carousel is misaligned on left and right.

  March 1, 2014 at 10:23 am #53112
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Ahh ok, the responsive css for larger screens should have taken over, try this instead:

  .carousel-wrap ul.products li.product {
  margin-left: 20px !important;
  }
  @media only screen and (min-width: 1200px) {
  .carousel-wrap ul.products li.product {
  margin-left: 30px!important;
  }
  }

  – Ed

  March 2, 2014 at 11:24 pm #53299
  Taffy

  Member

  Post count: 261

  Hi Ed,

  Thanks for all the help, but it still isn’t right.

  You’ll see that the alignment of the carousel is out on both the left and right on all devices/screen sizes. This is especially noticeable when the arrows remain visible on the tablet.

  http://www.taffydev.com.au/clients/artifix/

  Thanks,

  Mark

• Back to forum

  Posted in: Dante