Inscape

When I reported it to Squarespace, their response suggested they do not consider it a bug. They said they would relay my feedback to the design team, but they didn't use the typical language I have seen from them in the past when acknowledging bugs and saying they are working on a fix. They didn't fix it in advance because they didn't see it as a problem. Therefore, everyone reading this post who thinks it is a problem should submit a support ticket! If they don't know we hate it, they will never fix it!

Will Myers just posted a solution to the tablet spacing problem! He is offering it for free! https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine

I can confirm that this is a known issue with accordions on Fluid Engine. It was reported and acknowledged in April 2022, but I recommend that you report it again through Customer Care.
As a workaround, you can use a Classic page section instead of a Fluid Engine section.

I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!

I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!

Hi, a simplified solution is to paste the following in your custom CSS section:
@media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap; justify-content: center; } } Hope this helps!

I currently have to clients interested in member areas and both want the ability to self manage members.
I have contacted Squarespace support and they have said: Our development team hasn't indicated whether they'll be making any changes to this, but we do receive requests like this pretty often, and I definitely understand that it'd be helpful and logical to have this option available on our platform. With this being the case, I've already submitted your feedback directly to our development team on your behalf. While we can't guarantee implementation of all requested features, your feedback will genuinely be reviewed by our product managers.
I'm not sure what that means, doesn't sound like it is on the roadmap in any form.
The Support team recommended setting up a password protected page that contains the Member area signup form. My client can then pass this page and password on to new clients for them to signup themselves.
Sounds like it will work but is not ideal. I will have to tell this to both clients and let them know this will probably not be changing. I will also have to suggest we look at Member space as an option.
I hate doing this to clients when I try so hard to sell Squarespace as Everything to sell anything and then have to explain this is not the case.
 
 
 

Yes I discovered that anyone can sign in the hard way, creating a members area for survivors of assault to find that an abuser had become a member. 
So that was very quickly the end of that members area. 
In other words there is a safety issue fir other members if someone ‘off the street’ can simply join up. 

Hi, a simplified solution is to paste the following in your custom CSS section:
@media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { flex-wrap: wrap; justify-content: center; } } Hope this helps!

I checked out your app and it looks fantastic. But even your cheapest plan is quite expensive... more expensive than Squarespace's Business Plan. So the calendar would cost my clients more than their whole website. I work with small businesses and nonprofits (such as churches and schools) who are not making money off their events. I want to suggest that your app develop a "non-ticketing" plan that is actually affordable for those who are not selling tickets... comparable to Loxi.io which is $8/month. Thanks for sharing!

Actually sorry, here is a better solution I found by combining @tuanphan's solution with another post, to disable both right clicking AND drag and save:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function () { $("img").on("contextmenu",function(e){ return false; }); $("img").on("dragstart",function(e){ return false; }); }); </script> Again, this is for images ONLY. It seemed like a better option especially since I inspect elements and copy links so much using right click.
If it's not clear, this should go in Settings-->Advanced-->Code Injection-->Header.

Site URL: https://andyalexisbakerfineart.com
Hi. Wondering what code works best for disabling right clicking on images and if there is workable code to disable dragging images to save them to downloads. I know this would not completely stop somebody, but it would help.

That worked - thanks! This is a nice combo as it will allow us messaging in the top bar, but provide victims (I think) a more obvious big button to push no matter the page they are on. Appreciate your help! Here is a photo of all the code used in code injection for the next person reading the thread in it's entirety. 🙂 

One thing I would mention, be sure that you are importing Jquery in at the head of the site, other wise you won't be able to run this script.

Squarestylist has a course on this. $197. https://www.squarestylist.com/shop/vertical-tabs
or Will-Myers plugin ($10) https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace
@WillMyers I wonder if it is possible to use CSS Flex to invert the bars from horizontal to vertical, to achieve the above effect?
Or you can also add a Code Block >> Paste this CodePen code
<!-- Source: https://codepen.io/skkhan/pen/MWWdXbb --> <!-- Tweak by @tuanphan --> <ul class="main-box"> <li class="box active"><span>Slide One</span> <div class="detail active"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Two</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Three</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Four</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> <li class="box"><span>Slide Five</span> <div class="detail"> <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <p> The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. </p> </div> </li> </ul> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap'); body .main-box { display: flex; background: #000; margin: 70px auto 70px auto; padding:0; width: 991px; } .box { height: 322px; padding:15px; border-right: 1px solid white; webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; position: relative; overflow: hidden; list-style: none; } .detail { width: 85%; height: 100%; position: absolute; right: 0; top:0; background: white; color:black; opacity: 0; padding:30px; box-sizing:border-box; webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; -webkit-transform: translateY(100%); transform: translateY(100%); } .box.active { width: 70% !important; } .box.active .detail { opacity: 1; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; transform: none; } .box span { writing-mode: vertical-rl; font-size: 20px; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; letter-spacing: 4px; width: 40px; transform: rotate(180deg); font-weight: 400; cursor: pointer; position: absolute; left: 0; right: 0; margin: 0 auto; } .box.active span { left:25px; right:auto; margin:0; font-weight:600 } .box p { line-height: 23px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> var getslide = $('.main-box li').length - 1; var slidecal = 30/getslide+'%'; $('.box').css({"width": slidecal}); $('.box').click(function(){ $('.box').removeClass('active'); $(this).addClass('active'); }); </script>  

I basically just did exactly what you described in your email, @paul2009! Except I put the code in a code block in the footer.
<div id="quick-exit">   <h4>QUICK EXIT: </h4>   <p>Tap this bar at any time to immediately close this page and check the weather.</p> </div> Custom CSS:
#quick-exit {   position:fixed;   top:0;   left:0;   z-index:9999;   background:#8ae5e2;   width:100% !important;   padding:16px;   text-align:center; } #quick-exit h4 {margin:0 !important;} #quick-exit p {margin:0.2em 0 0 0 !important;} Code Injection:
<script> $(document).ready(function(){     $("#quick-exit").on("click", function() {       window.open("http://weather.com", "_newtab");       window.location.replace('http://google.com');      }); });   </script> It works perfectly!! Exactly the functionality I wanted! Here it is in action if anyone wants to see: usafv.squarespace.com (password: Alaska).
Thanks again @creedon and @paul2009 for all your help with this. I know my client will be so pleased to have this safety feature for those she serves.

Thanks Paul, very helpful!

You may find these previous threads helpful:
 

Agree to the above comments - something weird is going on with SS since the new styles manager. I am seeing CSS applied when design window opened but not when it is closed. Also, the color fonts are not saving in the new style manager. I've tried to save the same page literally 10X and it keeps going back to the old one. It is really starting to get frustrating. 

May be a related issue, but I am noticing that certain custom CSS doesn't work if you are logged in, but does work if your aren't.  So I have to keep a second browser or incognito window open that isn't logged in to Squarespace to see what things look like to the average viewer who isn't logged in.

Ok, I just found CSS code to invert the logo - so now it's black (see attached).

It looks great but does anyone know if you can choose the color?

CSS Code:
 
<style> .view-item .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style>

You could close the window instead of a redirect with some Javascript.
close ( );
This can be used in an anchor tag/link.
javascript: close ( ); You could remove the HTML with some Javascript before the redirect.
const n = document.getElementsByTagName ( 'HTML' ) [ 0 ]; n.parentNode.removeChild ( n ); location.href = '[enter url here between single quotes]'; But overall I think it would be better if possible to get them into a private browsing window ASAP because of history tracking.  Then use the close window technique. At least once in a private browsing window and it closes the activity there isn't traceable.

This only works if you are coding the link yourself. You can't put that stuff in the Clickthrough URL for an image . . . when I try it tells me to please enter a valid URL.