Custom fields owl carousel too wide in mobile view - JF Krom - Joomla Templates

Welcome, Guest

TOPIC: Custom fields owl carousel too wide in mobile view

Custom fields owl carousel too wide in mobile view 19 Apr 2020 13:47 #12268

Hello,

Please help with the following issue:
when in mobile view (or narrow window), the addtocart position for custom fields has a width issue.
On PC in normal size window everything is fine. But when in mobile view, width of owl wrapper becomes much more then necessary (1000+) and the controls of owl-carousel appears. It can be scrolled also. Is it possible to correct calculation method of owl-carousel wrapper or turn it off for this position or for custom fields?
If I add custom buttons, they end up next to each other instead of below each other.
Thanks

Best,
Sándor

Attachments:

This image is hidden for guests. Please log in or register to see it.

Reply Quote

Posts:14
p00h
Fresh Boarder
OFFLINE
Karma: 0

Re: Custom fields owl carousel too wide in mobile view 20 Apr 2020 03:10 #12269

Hello,
Try to edit file templates/jf_krom/scripts/js/template.js, at line 102 modify to:

 
$(".product-related-products .product-fields-slider").owlCarousel({
            items: 4,
            itemsDesktop: [1024, 4],
            itemsDesktopSmall: [900, 3],
            itemsTablet: [600, 2],
            itemsMobile: [320, 1],
            navigation: !0,
            navigationText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
            slideSpeed: 500,
            pagination: !1
});