Row Layout Stacked sections on desktop not inherited by tablet

  • Hi! Love this plugin.
    We’ve recently run into an issue where if we create a Row Layout with multiple Columns, and set Desktop to use a “Stacked” layout, then the Tablet resolution on the frontend, unless specifically set to “stacked” does not inherit the “Stacked” layout, but uses the default columns layout. So we’ve had to go through any Row Layouts where we’ve used the stacked layout on desktop and specifically set tablet to also be stacked.

    Desktop stacked
    https://capture.dropbox.com/48jCd1cvSCmh9QVG

    Tablet not specified
    https://capture.dropbox.com/HksRYHsG2orBwBd5

    Front-end tablet (<= 1024, > 767 ) shows columns side by side.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @askpivot

    I’ve done some testing to determine if this is a bug or not. I found that the tablet will inherit the desktop setting on the front, even if it isn’t highlighted in the editor. The mobile default is to collapse the columns into rows, but the tablet version inherits the desktop setting by default. You must manually select a tablet setting if you want it different than desktops.

    The following screenshots show the tablet settings when the desktop layout was set to collapse to rows. The layout was the same in the editor and on the front end. Are you saying your results were different? If so, does your site use a cache you can clear?

    Thread Starter askpivot

    (@askpivot)

    Oh, I see, we were rendering “the_content()” before
    Kadence_Blocks_CSS->frontend_block_css()
    was run, which was causing this issue. Now we’ve adjusted and it is working. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Row Layout Stacked sections on desktop not inherited by tablet’ is closed to new replies.