black.marketing

If anyone is still looking for a quick fix for this, try placing the following into the Custom CSS. It'll stack your categories and justify to center on mobile devices. /*Make Shop Categories Responsive*/ @media screen and (max-width: 575px){ .tweak-products-nested-category-type-sidebar .products.collection-content-wrapper .nested-category-children { display: flex; flex-wrap: wrap; justify-content: center; } }

It's been a little while since you posted this so you might've found a solution but I thought I'd post this here in case someone else (like me) went through all of these questions about stopping a video loop without finding an answer. The following code paused the lander background video on the last frame, maybe give it a try? <script> jQuery(document).ready(function($){ function no_bg_loop () { $('video').prop('loop', false); } $(document).ready( no_bg_loop ); $(window).load ( no_bg_loop ); no_bg_loop(); setTimeout(function(){ jQuery('video.x-mejs.has-stack-styles').on('ended', function() { jQuery(this)[0].pause(); }); },5000); }); </script>

Look, I know I'm a bit late to the party, but I was just trying to solve this issue and discovered a fix that worked for me when using a self-hosted video. <script> jQuery(document).ready(function($){ function no_bg_loop () { $('video').prop('loop', false); } $(document).ready( no_bg_loop ); $(window).load ( no_bg_loop ); no_bg_loop(); setTimeout(function(){ jQuery('video.x-mejs.has-stack-styles').on('ended', function() { jQuery(this)[0].pause(); }); },5000); }); </script>