Kadence Blocks Pro layout breaks (Row Layout Block and Product Carousel Block)

[Mamy]

Mamy

April 19, 2020 at 4:54 pm

Hi

Just bought Kadence Blocks Pro and started to build stuff. On my first page, I run into a few problems as some block layouts break on my site.

– I made a live demo of the problems here: *Login to see link
– Attached screenshots.
– Setting: WooCommerce 4.01, WordPress 5.4, Storefront-theme v. 2.5.5.
– Tested on Edge and Chrome on Win10 (and Twentytwenty-theme).

Problem 1: ROW LAYOUT BLOCK
This problem is seen on Tablet layout on Twentytwenty and Storefront themes.

Problem: when having 2-column row set to collapse to 1-column on tablet and mobile and collapse order set to right-to-left, the first column flows under the content below and above in tablet.

Problem 2: PRODUCT CAROUSEL BLOCK
This problem is seen on Desktop and Tablet layouts on Storefront theme. Works as intended in Twentytwenty and in Storefront mobile.

With the Storefront theme (and the child theme I’m using) the Product Carousel Block sets too tiny width to slides in desktop and this messes up the layout. The wrong width seems to be injected as inline CSS so I don’t know where the problem is.

Where could I begin to fix these? Are some of my block settings wrong? Is it theme/plugin conflict?

The Product carousel problems are more relevant, as I already use the block (and hide it on desktop). Thank you for your help.