Hey team,
How can I use scroll-x defined here https://preview.keenthemes.com/html/metronic/docs/general/scroll
with pricing cards here https://preview.keenthemes.com/metronic8/demo1/pages/pricing.html
Assume I have more than 6 items. I need a scroll-x here but I can't activate it as described in the documentation.
<p>Prayer Mat Price in Pakistan - Discover competitive prayer mat prices in Pakistan at QudratUllah. We offer a range of options to suit every budget without compromising quality. Shop now and find the ideal prayer mat that fits your needs.</p>
Hello! I recently used Tinkogroup's data entry services and it was one of the best solutions for my business. They helped me with processing large amounts of data, which greatly increased the efficiency of my operations. Not only do they ensure accurate data collection and verification, but they also offer data processing services in CRM, Quickbooks, and even on platforms like Shopify. Thanks to their professionalism, I can focus more on core business processes without worrying about routine tasks.
Implementing scroll-x functionality allows horizontal scrolling for elements with overflow content, enhancing user experience by accommodating more items in a limited space. For updates on the Josh Baazov current news , follow reputable news sources and cybersecurity reports to stay informed about the latest developments and implications.
Hi,
To have scrollable pricing blocks you will need to customize the code as shown below:
<!--begin::Row-->
<div class="d-grid">
<div class="scroll-x">
<div class="d-flex gap-10">
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
<!--begin::Col-->
<div class="w-300px flex-shrink-0">
...
</div>
<!--end::Col-->
</div>
</div>
</div>
<!--end::Row-->