alsmith877
-
Posts
13 -
Joined
-
Last visited
alsmith877's Achievements
-
Solved. There are lot's of code snippets online already to do this, but they were struggling in 7.0. Upgrading to 7.1 worked.
-
UPDATE: I upgrade to 7.1 to try to solve this.
-
I'm trying to hide three nav links in the mobile menu, but only on a single page. When a user is on the page "Home Copy," I want to hide the following nav links. "Home, Home Copy, Whiskey Run Series" The following code works to hide my links on desktop, but not on mobile. Please help! I'm using Squarepace 7.0 with the Brine template. Here's a link to my site. www.runrhino.run <style> .Header-nav-item:nth-child(1) { visibility: hidden !important; } .Header-nav-item:nth-child(2) { visibility: hidden !important; } .Header-nav-item:nth-child(3) { visibility: hidden !important; } </style> Thank you!!
-
Hello BeyondSpace! My client is opposed to using the native accordion block because entering information into it is slow. Unfortunately, he is adamant about this. Do you have any insight into how I would solve this via the markdown method? You have my continued gratitude.
-
Ok I added in the block ID. I was successful in opening the accordion, but the functionality is disabled. I was hoping to be able to still "open/close" the accordion, just have it load in the open position. If you're still interested in helping, I'd love more advice! Thanks so much.
-
https://runsantarun.squarespace.com/chattanooga I can't actually identify my #BlockID so can't implement this yet. How do I identify my BlockID? Thanks again!
-
Here's the url. I'm going to try your solution now in the meantime. Thank you!!!!
-
Hello! I'm attempting to modify a simple markdown accordion to start in the "open" position. So the entire accordion is expanded on load. Can someone help with this? Thank you! Here's a copy of some code I'm using. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script>
-
Beyondspace reacted to a post in a topic:
Help with Accordion Markdown
-
I couldn't make it work but I decided to go with the legacy solution. I found a way to get it to do the layout I wanted. Thank you again!
-
I'm already in your debt, but I'd like to ask another one. The solution works in the legacy section, but also, the old sections are the worst, so I'm trying your other method too. Is this code CSS? Or embedded code block? I have very little actual coding knowledge, so all I can do is copy/paste what you give me and stick where you tell me to and cross my fingers. Currently I can't get it to work. Thanks again!
-
Brilliant. Thank you so much for your help. I know the old Squarepace behaved differently but I didn't know I could use the old section style. Thanks so much for going out of your way to help!!!
-
https://runsantarun.squarespace.com/race-info-1 Thank you!!
-
Hello! I've used some simple jquery, CSS, and markdown to create an accordion. There are lots of simple instructions on how to do this online, and it works great. The trouble is, it is forcing my section to the full height of having every accordion item expanded. So when nothing is expanded, there is a sea of white space below my accordion. It's the space that would be occupied if every item was expanded. How do I get squarepace to auto-adjust the height of my section to match only what is currently displayed?
