Breaks Responsive Layout in Beaver Builder

  • Resolved Mark Tenney

    (@marktenney2)


    3 years, 6 months ago

    Hello!

    I’m experiencing an issue with FVM where the responsive layout is not displaying correctly. If I disable all processing (HTML/CSS/JS) in FVM and clear my page cache, it displays properly. If I enable any of those processing options (even without any sub-options active) my responsive layout breaks. On the link mentioned above, there should be four columns stacked vertically on mobile devices, but they remain four wide columns.

    Here’s a video showing the issue: https://share.dgtl.church/d5uArZb1

    I’ve used FVM for a while with this stack and it has been good until the last time I updated plugins. I’m running a multisite on Gridpane+Vultr with Redis Page Cache, Redis Object Cache, Beaver Builder (which has it’s own cache as well) and FVM. There is no CDN for this network, but I’m building a new version of the platform that will utilize a CDN.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Raul P.

    (@alignak)

    This is a strange issue, so I will need to test it later. However, usually this happens when there is malformed HTML, such as one tag not being closed or some tag not opened.

    FVM relies on a valid DOM to process the page.

    Looking at the validator for errors and ignoring the warnings
    https://validator.w3.org/nu/?doc=https%3A%2F%2Fyourdomain.church%2F

    it says you have 2 opening body tags.
    Error: Start tag body seen but an element of the same type was already open.

    You have some code showing <body onload = "getSeconds()"></div> but you probably meant, <div onload="getSeconds()"></div>

    Try to fix that tag and see if it works.

    Thread Starter Mark Tenney

    (@marktenney2)

    Thank you Raul!

    That seemed to do the trick! (Sorry it took me so long to respond… We were tied up with vacation for a bit.) I had to use a body tag to get the onload function to work, but I replaced the closing div tag with a body close tag and it seems to be good now.

    Thanks again!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Breaks Responsive Layout in Beaver Builder’ is closed to new replies.