Row Layout Block Behaviour diff btwn sites

  • Resolved afreedrink

    (@afreedrink)


    12 months ago

    I have two sites with the same Kadence ROW layout blocks on. But I’m getting different behaviour on the different sites (which are set up with the same theme, plugins etc). The site with the problem shows the behaviour I want when in preview mode, but not in final displayed end user mode.

    The block is to display image + text + button or custom html + text + button, but the displayed behaviour, shows as I want it to in post preview, but differently in final result.

    1. Any ideas why?
    2. How can I force the section with the image/custom html to “stick to a particular space” and not takeover the whole row.

    Example of what its supposed to look like = https://cubasbest.com/power-adapter-for-cuba-electricity/ (its the top product pick block under the TOC)

    Example of it not working https://asocialnomad.com/sri-lanka/travel-adapter-sri-lanka/ (again the top product pick block under the TOC)

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

    (@ghernkadence)

    Hello @afreedrink,

    The Row Layout has Layout settings. Can you confirm that the example that isn’t working isn’t using a “Collapse to Rows” layout?

    If the layout were set to collapse to rows, the sections would stack on each other instead of side by side. It looks like the problem could be this setting.

    However, if it isn’t, please follow the steps in Kadence’s troubleshooting article, including clearing your cache and checking for plugin conflicts.

    Thread Starter afreedrink

    (@afreedrink)

    Thanks! The desktop settings are not set to collapse to row, it wasn’t set at all (on either site), but the mobile settings are set to collapse to rows on both sites. So the settings are exactly the same its just the behavior that’s different.

    I just reduced the size of the image (in the site that’s not displaying correctly). Cleared all caches, left it for 30 minutes and then viewed it on a completely different machine and … it displayed correctly. BUT then I hit refresh and it display looking like “collapsed to rows”. (This behaviour on Chrome, Brave and Firefox.

    Working through the troubleshooting guide now. But wondering if the info above gives any hints! Cheers

    Thread Starter afreedrink

    (@afreedrink)

    On inspecting in chrome – I can see a difference between the two sites in the kadence row layout code. On the one that works, the first div shown in the screenshot has flex, on the site that doesnt = no flex. See screenshot of working site. On the non working site, the flex circled is not there.

    I have compared the settings of blocks on both sites and they’re exactly the same, its only in inspecting the block in Chrome that I can see this. Would this impact it?

    Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello,

    When I viewed the example that doesn’t work at https://asocialnomad.com/sri-lanka/travel-adapter-sri-lanka/, I found that part of the row doesn’t ‘have the “grid” display style attached in the CSS. When I added the following CSS, it looked like the correct example.

    .kt-row-column-wrap.kt-has-2-columns.kt-row-layout-right-golden.kt-tab-layout-right-golden.kt-mobile-layout-right-golden.kt-row-valign-top {
    display: grid;
}

    You may want to recreate the Row Layout from scratch so that it receives the correct settings. The style might also be removed when the site is cached. If clearing the cache doesn’t work, try recreating the block from scratch to see if it solves the problem.

    Thread Starter afreedrink

    (@afreedrink)

    Thanks Gilbert. I recreated the block and same issue. So started turning off plugins one by one. It looks like its W3 Total Cache, which creates the problem. (Even though its installed on the other sites, with the exact same settings this is then only site that it causes issues with.

    I’ve deactivated W3 Total Cache and opened a ticket with the https://www.ads-software.com/support/topic/w3-breaks-css-on-blocks-on-1-site-and-not-others/) referencing this ticket as well.

    Many thanks for your help and guidance, I’ll mark this as resolved, and ensure they’re linked in case there are other people with the issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Row Layout Block Behaviour diff btwn sites’ is closed to new replies.