Chris.SE

Thank you!

Hey there, I replied to you on your YouTube video but also wanted to follow up here. You need to install the code in the portfolio page’s header code injection, not the site wide header code injection. I also outline several reasons JavaScript is needed to truly solve this issue in my blog post. Please consider taking down the video as it has the potential to confuse people and incorrectly claims that my code does not work. Again no hard feelings and it is great we are all trying to help out until Squarespace finally implements this for real.

Has anyone figured out a solution to this in the meantime? Just putting the tags in the lock page code injection didn't work for me.

If anyone still needs a solution that turns folders into dropdowns in 7.1, I have a popular plugin for this: https://schwartz-edmisten.com/plugins/p/modern-mobile-menu-dropdown-for-squarespace

If anyone is discovering this now, I have a video and CSS that solves this issue: https://schwartz-edmisten.com/blog/remove-extra-space-below-embeds

I have created a free, comprehensive code solution for creating "draft" portfolio items: https://schwartz-edmisten.com/blog/how-to-set-squarespace-portfolio-items-to-draft The reason I felt the need to create this code solution is because a client came to me needing this exact functionality. The existing accepted solution in this thread only takes into account hiding the post on the main portfolio page, but people can still navigate to it using the pagination from another post. Also, because it requires changing the URL slug, if you want to set an older post to draft that has already been indexed, then people will get a 404 because the URL has changed when they click that link. My code takes all of this into account. Pagination of draft items are hidden, and the URL slug doesn't need to be changed. You simply change the post title from Post Title to (Draft) Post Title. If someone tries to navigate directly to the Draft item using its URL, they will be redirected to the main portfolio page. I think I have truly thought of everything with this plugin and it should be a good solution until Squarespace wakes up and finally implements the feature themselves. I have a video on the post that walks through the entire functionality if you are curious about how to use it. I would love to hear people's feedback! Hopefully this saves some people from needing to leave the platform.

Thanks for removing the post Tom. I got your email and will follow up with you there!

Please remove this post. That is my hamburger menu on desktop plugin. It is not free it is a paid plugin and is my copyrighted work. For any customization support please email me directly. If you did not purchase it from me where did you get it so I can contact that person?

It looks like you have both CSS snippets I sent on your site still. You should only have the updated one. The updated one will only apply to screen sizes larger than mobile. I have updated the media query below. Remove everything I sent before and only paste in this snippet: @media screen and (min-width: 801px) { #canvas { display: flex; flex-direction: column; min-height: 100vh; box-sizing: border-box; } #pageWrapper, #page { flex: 1; display: inherit; flex-direction: inherit; } #footerWrapper { margin-top: auto; } }

Try this: @media screen and (min-width: 641px) { #canvas { display: flex; flex-direction: column; min-height: 100vh; box-sizing: border-box; } #pageWrapper, #page { flex: 1; display: inherit; flex-direction: inherit; } #footerWrapper { margin-top: auto; } }

It is a bit complex because of how that template is structured, but I think this CSS should do it. It will keep the footer at the bottom of the page. Check all of your pages to make sure this doesn't mess anything up. I only wrote this for the main page. #canvas { display: flex; flex-direction: column; min-height: 100vh; box-sizing: border-box; } #pageWrapper, #page { flex: 1; display: inherit; flex-direction: inherit; } #footerWrapper { margin-top: auto; }

This should work for you: .title .required { display: none; }

You will need to rearrange the way you have dragged in your blocks in order to accomplish this. If you want to send me an email you can add me to the site and I can fix it for you. schwartz-edmisten.com/contact

Hi @inham, Can you provide a link to your site (and the password if necessary) so we can take a look?

Hi @JordanUrgin, I have a tutorial covering two ways to accomplish this - one free and one paid plugin. I recommend checking it out as it should answer your question! Since gallery blocks are no longer available on 7.1 without a plugin, I recommend using the lightbox video plugin which I cover at 9:15 in the video: https://youtu.be/9OvjPYi5yvw?t=555 That will do exactly what you are looking for!