Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Shop Products won't display 4 item inline on tablet
New Landing › How can we help? › Themeforest Theme Support › Dante › Shop Products won't display 4 item inline on tablet
- This topic has 21 replies, 6 voices, and was last updated 10 years by Kyle – SUPPORT.
-
Posted in: Dante
-
February 25, 2014 at 6:41 am #51474February 26, 2014 at 12:00 am #51845
Can this issue plea be addressed?
February 26, 2014 at 12:23 am #51849Please 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 #51964Hi, 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 #51987Good! Thanks
February 26, 2014 at 11:33 pm #52239Wonderful! Love your prompt support. Dante is by far the best theme with the most impressive support team!
February 26, 2014 at 11:34 pm #52240Another question…
How can you keep the carousel arrows visible across all responsive devices?February 27, 2014 at 10:07 am #52351Can you post up a concrete link to a page with a carousel? I’ll investigate 🙂
February 28, 2014 at 3:16 am #52725http://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 #53019Hi 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 #53023CSS 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 #53022CSS 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 #53087This 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 #53112Ahh 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 #53299Hi 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
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.