Announcement

Announcement Module
Collapse
No announcement yet.

Problem with video scrolling

Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problem with video scrolling

    Hello! Please help with the following issue:
    On Home Page we have added Portfolio list, which contains video. If it's important, all videos are Utube linked. To make the video scroll on Home Page, we've set a pageable container (Image 1, Image 2). Seems that everything was made correct, but when you are clicking on the next dot (which corresponds to Section 2 in Pageable Container), video turns into a small line. (Image 2a).
    Similar situation with video on the Page "Training". There are identical videos, taken from Portfolio and divided into 5 Tabs. But here videos are also classified by 3 categories (Image 3). When you are clicking on the second tab, there is just 1 line of the content (Image 4). You need to click on ALL category to make the right content visible. When you wanna return to the first tab, we see again the same weird line. Clicking on ALL category - video is shown.
    We are using Manual theme. Just not sure what I can provide more to ease the resolution))
    Appreciated in advance for your quick reply!
    Attached Files

  • #2
    Our team working at your issue, it looks like because of masonry JQuery it is creating an issue, Please allow us an hour.
    Best Regards,

    Jabin Kadel
    Founder & CEO
    WpSmartApps.com

    Comment


    • #3
      Sorry just got delayed finding the solution.. can you please go to "Manual Options > Custom Code > JS Code" and add below JQuery Code. Adding below solution will fix the issue.


      Code:
        jQuery(window).load(function(){
        
        "use strict";
        
        jQuery('li.vc_tta-tab').on( 'click', function() {
        // Masonry
        var $filter  = jQuery(this),
        selector = $filter.attr('data-filter-masnory');
        var $masnorygrid = jQuery('.isotope-container-masnory').isotope({
        itemSelector: '.element-item',
        });
        $masnorygrid.imagesLoaded( function() {
        $masnorygrid.isotope({
        filter: selector
        });
        });
        //jQuery(this).addClass('selected').siblings().removeClass('selected');
        
        // Filter fitRows
        var $filterFitrows  = jQuery(this),
        selector = $filterFitrows.attr('data-filter');
        var $grid = jQuery('.isotope-container').isotope({
        itemSelector: '.element-item',
        layoutMode: 'fitRows'
        });
        $grid.imagesLoaded( function() {
        $grid.isotope({
        filterFitrows: selector
        });
        });
        jQuery(this).addClass('selected').siblings().removeClass('selected');
        });
        
        });
      Best Regards,

      Jabin Kadel
      Founder & CEO
      WpSmartApps.com

      Comment


      • #4
        Dear Jabin!
        Much appreciated for your reply!!! Your code fixed the problem on Page Training with tabs. Just awesome! But, unfortunately, the first issue stays unsolved. Home page comprising Pageable Container with Portfolio List functions improperly. Clicking on the second dot depicts the same strange line instead of full-sized video content. Could you please find the way it can be fixed? If you need more information, please address.
        Thank you beforehand!

        Comment


        • #5
          Our team cross checked the issue multiple times but the result shows correct, looks like we are missing something. Is it possible to provide us site URL where you having the issue so that we can find the solution.

          Best Regards,

          Jabin Kadel
          Founder & CEO
          WpSmartApps.com

          Comment


          • #6
            Hi Jabin!
            Please give me your email address so I can send the name of the site and give you the access.
            Thanks!

            Comment


            • #7
              Can you please use our private support center: http://support.wpsmartapps.com/
              Best Regards,

              Jabin Kadel
              Founder & CEO
              WpSmartApps.com

              Comment

              Working...
              X