@Richard I'm trying it out now... thanks

@Markus It's no longer supported by WP!

https://wordpress.org/plugins/qtranslate-x/

WP is not longer supporting this plugin. I've had some problems with it recently, perhaps that's why.

Yeah it's an incompatibility with Q-Translate X....

This is helpful :D

https://wordpress.org/plugins/really-simple-ssl/

Hi,

I'm trying to send a new speed variable to the carousel swiper function. The JS is

var w = jQuery(a).find(".swiper-container"),
                           m = new Swiper(w[0], {
                               speed: 350,
                               effect: "slide",
                               spaceBetween: v,

And I'm adding this in an HTML block on the page

<script>
jQuery( document ).ready( function() {

   const imageCarousel = jQuery ( '.swiper-container' ),
      swiperInstance = imageCarousel.data( 'm' );

   swiperInstance.params.speed = '1000';

   swiperInstance.update();
}); 
</script>

Error in the console is:

(index):1352 Uncaught TypeError: Cannot read property 'params' of undefined
    at c.Channel.<anonymous> ((index):1352)
    at p (backbone.min.js?ver=1.4.0:2)
    at f (backbone.min.js?ver=1.4.0:2)
    at c (backbone.min.js?ver=1.4.0:2)
    at c.Channel.n.trigger (backbone.min.js?ver=1.4.0:2)
    at frontend.app.min.js?ver=3.8.5:1

Anyone know how to set a new speed via a script?

Thanks!

@felix_rabe said in Horizontal Scroll Gallery:

<script>jQuery(function () {
jQuery.fn.hScroll = function (amount) {
amount = amount || 120;
jQuery(this).bind("DOMMouseScroll mousewheel", function (event) {
var oEvent = event.originalEvent,
direction = oEvent.detail ? oEvent.detail * -amount : oEvent.wheelDelta,
position = jQuery(this).scrollLeft();
position += direction > 0 ? -amount : amount;
jQuery(this).scrollLeft(position);
event.preventDefault();
})
};
});
jQuery(document).ready(function() {
jQuery('.div').hScroll(30); // You can pass (optionally) scrolling amount
});
</script>

Hey Felix,

Can you show the working code (HTML)?

Thanks!

@sidyou

put this in your desktop CSS, and then add sub menu items in 'menus'

nav.primary .sub-menu {
display: none;
   position: absolute;
   left: -10px;
   top: 40px;
   padding: 10px;

}
nav.primary .sub-menu li{
   display: block;
   padding-bottom: 5px;
}
.menu-item:hover .sub-menu{
   display: block !important;
}
li.menu-item-has-children{
   position: relative;
}