Jump to content

Toggle Content Not Displaying Content

Go to solution Solved by creedon,

Recommended Posts

Site URL: https://kanaree.io/new-page-3

I have been following this post here and have seen multiple other users get it to work https://www.spacetutorials.com/toggle-button-for-content. I have grabbed a random block from the home page but the content never displays the block even thought all the CSS and JS look like it is working?  

Here is an example of how I set right now for the default block. I have tried a bunch of different ways of referencing the blocks but nothing makes it render? 

<script>
$('.button-left').ready(function() {
    $('#block-yui_3_17_2_1_1609025726286_281').show();

Link to comment

Thank you Creedon that was it. Now I can start tweaking it. The blocks have to be on the same page it looks like. The actual transition is a little funky but might be able to work through that. Going to try with our pricing cards and see if I can get that to work.   

Edited by Kanaree
Link to comment

@Kanaree Hi. I see this page on tablet doesn't look good. You can stacked them, or make text size smaller.

https://www.kanaree.io/product

/* Tablet pricing table */
@media screen and (max-width:900px) and (min-width:641px) {
/* plan name */
section#pricing-submod .image-title * {
    font-size: 20px;
}
}

image.thumb.png.0d3f1885655a460894269171fd3d66ec.png

Similar on pricing page

https://www.kanaree.io/pricing

and this page

https://www.kanaree.io/chrome-extension

/* chrome extension table */
@media screen and (max-width:900px) and (min-width:641px) {
/* table width */
div#page-5f6fb5f616ffd844a3be08b0 .span-4 {
    width: 50%;
}
/* remove blank column */
div#page-5f6fb5f616ffd844a3be08b0 .span-2 {
    display: none;
}
}

image.thumb.png.9bd81b60d271c23eb065195514a338a2.png

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.