Okay
  Public Ticket #3502497
Urgent Support Needed for Carousel Display Issue on "Okarina" Demo
Closed

Comments

  •  1
    El-sabio started the conversation

    Hello Support Team,


    I hope this email finds you well. I purchased a theme from your store on ThemeForest about a year ago and have recently re-subscribed to your support system as I am now actively using the theme. I've encountered a few issues that I hope you can assist me with.


    The primary concern is related to the carousel display of products. In the theme's demo, this component functions perfectly. However, after importing the "Okarina" demo, I noticed that the carousel does not display correctly on mobile devices. Instead of functioning as a carousel, the products are displayed side by side. When scrolling, the entire template moves, and the component appears larger than the screen. I've attached a screenshot from my mobile device for your reference.


    Interestingly, when using the WordPress editor, the carousel displays correctly. This issue seems to be present only when viewing directly on the site.


    I'm unsure what might be causing this discrepancy, and I would greatly appreciate your assistance in resolving it. Given the urgency of this matter and the fact that I've renewed my support subscription, I'm hopeful for a prompt resolution.


    Here are the details


    Website: https://eluniversodelacero.com

    Admin URL: https://eluniversodelacero.com/wp-login.php


    User: admins

    Email: [email protected] 

    Pass: [email protected]

    Thank you for your attention to this matter, and I look forward to hearing from you soon.

    Best regards,

    Attached files:  Screenshot_2023-10-19-10-52-29-48_e4424258c8b8649f6e67d283a50a2cbc.jpg

  •  867
    Neuron replied

    Hi,

    I have just fixed the issue by adding the following code at Appearance > Customize > Additional CSS.

    /* Carousel Visible */
    .swiper-slide-visible,
    body:not(.elementor-editor-active) .h-neuron-animation--wow:not(.active) {
        opacity: 1 !important;
    }
    @media (max-width: 1279px) {
        .neuron-slides-wrapper {
            overflow: hidden !important;
        }   
    }
    

    You can take a look at the Documentation of the theme, and also at the Video Tutorials, where you'll find anything you need to know about working with the Neuron Builder and Kaon Theme.

    If you like our theme or the support, you can leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Feel free to ask for anything you need.

    Kind Regards