Jump to content

Fluid Engine and markdown code handling

Recommended Posts

I am rebuilding a page and began by duplicating the existing page (https://memc.co.nz/our-doctors). I upgraded the page to Fluid Engine because it made the rebuild much easier - but it has broken the layout behaviour of the page header code, which toggles the visibility of the markdown block contents. In the old page, the vertical space between block rows was minimised as a default and expanded to accommodate the markdown content when it was toggled on. With Fluid Engine, the row space is stuck at the amount required for the markdown content even when it is toggled off. Anyone have an idea how to fix this? Here is the header code:


<script>
   $(document).ready(function(){
   $('.markdown-block .sqs-block-content h2').css('cursor','pointer');
   $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
   $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();});
   });
   </script>

Edited by Taygra
Missing url
Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi,

This code won't work with Fluid Engine, you will need to adjust the code, or replicate the layout with Classic Editor Seciton.

You can share link to page where you have problem + what should it look like, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.