multipe page list carousels on one page

Permalink Browser Info Environment
Hi. When we add two page list carousels to one page, the navigation arrows effect both carousels. Is there something we can change in the code so that they work independently?

Type: Pre-Sale
Status: In Progress
Flora
View Replies:
jordif replied on at Permalink Reply
jordif
Hi!

It's strange. As you can see on the demo page, the carousels should behave independently:

https://moreblocktemplates.15robots.com/page-list/page-list-carousel...

Can you share a link to the page where you have the carousels, so I can have a look?

Cheers,
Flora replied on at Permalink Reply 1 Attachment
Flora
Hi. The carousels are working independently now, so that's fine. However, when i move to a smaller screen, the items start to form two lines instead of keeping to one scrollable line of items. I'll attach a screengrab of the area I mean. How can I keep it all on 1 line at all times?

http://212.48.74.240/~caledoniangroupc/...

Thanks
jordif replied on at Permalink Reply
jordif
Hi Flora,

I see you have modified the styles (changing the width of some of the elements).

I would suggest rolling back to the original styles. The carousel should be responsive and elements should be in 1 line if you use the original css files.

Cheers,

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.1
Version Installed - 8.5.1
Database Version - 20190301133300

# concrete5 Packages
Whale Galleria (1.2.4), Whale OWL Carousel (2.5.8)

# concrete5 Overrides
blocks/whale_owl_carousel/templates/GlenislaView.php, blocks/whale_owl_carousel/templates, blocks/whale_owl_carousel, blocks/autonav/templates/better_responsive_header_navigation/view.css, blocks/autonav/templates/better_responsive_header_navigation/view.php, blocks/autonav/templates/better_responsive_header_navigation/view.js, blocks/autonav/templates/better_responsive_header_navigation, blocks/autonav/templates, blocks/autonav, themes/glenislaDevelopments/no_feature_areas-care.php, themes/glenislaDevelopments/css/bootstrap-modified.css, themes/glenislaDevelopments/css/bootstrap.css, themes/glenislaDevelopments/css/main.css, themes/glenislaDevelopments/css/font-awesome.css, themes/glenislaDevelopments/css/main.less, themes/glenislaDevelopments/css/presets/defaults.less, themes/glenislaDevelopments/css/presets/blue-sky.less, themes/glenislaDevelopments/css/presets/night-road.less, themes/glenislaDevelopments/css/presets/royal.less, themes/glenislaDevelopments/css/presets, themes/glenislaDevelopments/css/app.css, themes/glenislaDevelopments/css/styles.xml, themes/glenislaDevelopments/css/build/body.less, themes/glenislaDevelopments/css/build/blocks/page-list-option-buttons.less, themes/glenislaDevelopments/css/build/blocks/testimonial.less, themes/glenislaDevelopments/css/build/blocks/topic-list.less, themes/glenislaDevelopments/css/build/blocks/page-attribute-display.less, themes/glenislaDevelopments/css/build/blocks/feature-template-hover-description.less, themes/glenislaDevelopments/css/build/blocks/page-list-template-thumbnail-grid.less, themes/glenislaDevelopments/css/build/blocks/next-previous.less, themes/glenislaDevelopments/css/build/blocks/date-navigation.less, themes/glenislaDevelopments/css/build/blocks/image.less, themes/glenislaDevelopments/css/build/blocks/image-slider.less, themes/glenislaDevelopments/css/build/blocks/page-title.less, themes/glenislaDevelopments/css/build/blocks/page-title-option-byline.less, themes/glenislaDevelopments/css/build/blocks/tags.less, themes/glenislaDevelopments/css/build/blocks/feature.less, themes/glenislaDevelopments/css/build/blocks/page-list.less, themes/glenislaDevelopments/css/build/blocks/faq.less, themes/glenislaDevelopments/css/build/blocks, themes/glenislaDevelopments/css/build/mobile/navigation.less, themes/glenislaDevelopments/css/build/mobile, themes/glenislaDevelopments/css/build/search.less, themes/glenislaDevelopments/css/build/buttons.less, themes/glenislaDevelopments/css/build/footer.less, themes/glenislaDevelopments/css/build/breadcrumb.less, themes/glenislaDevelopments/css/build/header.less, themes/glenislaDevelopments/css/build/miscellaneous-styles.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/carousel.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/alerts.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/modals.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/type.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/component-animations.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/thumbnails.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/responsive-utilities.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/glyphicons.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/code.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/panels.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/responsive-embed.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/theme.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/progress-bars.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/pager.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/button-groups.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/buttons.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/dropdowns.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/navbar.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/list-group.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/print.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/input-groups.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/wells.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/normalize.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/grid.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/utilities.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/pagination.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/tables.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/labels.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/navs.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/popovers.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/forms.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/close.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/scaffolding.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/bootstrap.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/badges.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/jumbotron.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/tooltip.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/variables.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/gradients.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/grid-framework.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/center-block.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/alerts.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/nav-divider.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/nav-vertical-align.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/tab-focus.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/hide-text.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/responsive-visibility.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/panels.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/size.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/border-radius.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/progress-bar.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/reset-filter.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/opacity.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/vendor-prefixes.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/buttons.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/list-group.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/image.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/clearfix.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/resize.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/grid.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/pagination.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/table-row.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/labels.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/forms.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/background-variant.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/text-emphasis.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins/text-overflow.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/mixins, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/breadcrumbs.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0/media.less, themes/glenislaDevelopments/css/build/bootstrap-3.2.0, themes/glenislaDevelopments/css/build/pagination.less, themes/glenislaDevelopments/css/build/fonts/defaults.less, themes/glenislaDevelopments/css/build/fonts/blue-sky.less, themes/glenislaDevelopments/css/build/fonts/night-road.less, themes/glenislaDevelopments/css/build/fonts/royal.less, themes/glenislaDevelopments/css/build/fonts, themes/glenislaDevelopments/css/build/mixins.less, themes/glenislaDevelopments/css/build/reset.less, themes/glenislaDevelopments/css/build/custom-design-classes/block-sidebar-wrapped.less, themes/glenislaDevelopments/css/build/custom-design-classes/recent-blog-entry.less, themes/glenislaDevelopments/css/build/custom-design-classes/block-sidebar-padded.less, themes/glenislaDevelopments/css/build/custom-design-classes/area-content-accent.less, themes/glenislaDevelopments/css/build/custom-design-classes/blog-entry-list.less, themes/glenislaDevelopments/css/build/custom-design-classes/testimonial-bio.less, themes/glenislaDevelopments/css/build/custom-design-classes, themes/glenislaDevelopments/css/build/content.less, themes/glenislaDevelopments/css/build, themes/glenislaDevelopments/css, themes/glenislaDevelopments/full-care.php, themes/glenislaDevelopments/images/familyKitchenMobile.jpg, themes/glenislaDevelopments/images/gardeningMobile.jpg, themes/glenislaDevelopments/images/Thorntons-Logo.jpg, themes/glenislaDevelopments/images/pitcrocknieVillageLogo.jpg, themes/glenislaDevelopments/images/subtle_white_feathers.png, themes/glenislaDevelopments/images/riverWalkMobile.jpg, themes/glenislaDevelopments/images, themes/glenislaDevelopments/no_feature_areas.php, themes/glenislaDevelopments/elements/header.php, themes/glenislaDevelopments/elements/footer.php, themes/glenislaDevelopments/elements/headerTemp.php, themes/glenislaDevelopments/elements, themes/glenislaDevelopments/homepage.php, themes/glenislaDevelopments/thumbnail.png, themes/glenislaDevelopments/default.php, themes/glenislaDevelopments/js/style.js, themes/glenislaDevelopments/js, themes/glenislaDevelopments/homepage_single.php, themes/glenislaDevelopments/homepage-care.php, themes/glenislaDevelopments/house_style.php, themes/glenislaDevelopments/description.txt, themes/glenislaDevelopments

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.6.40

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, fileinfo, filter, ftp, gd, hash, iconv, imap, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, readline, Reflection, session, SimpleXML, sockets, SPL, sqlite3, standard, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 0
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 540
max_input_vars - 1000
memory_limit - 512M
post_max_size - 55M
sql.safe_mode - Off
upload_max_filesize - 55M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.