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!

Sorry, I messed up the CSS. This will work guaranteed! [data-href="/publications-folder"] + .subnav .collection:first-child { display: none; } @creedon No need for media queries here since the desktop folder and mobile menu both use the same folder structure. You can use the above snippet to tackle both at once!

Hi @lucassinopoli You can use this CSS to only hide the first item in the publications folder dropdown: [data-href="/publications-folder"] .subnav .collection:first-child { display: none; }

It seems to be due to the video having a wide aspect ratio. Sometimes on different screen sizes you get the black bars. Have you tried uploading the video to the background straight from the file as opposed to going the YouTube route? Squarespace might handle the cropping better that way.

For this particular case, the best that you can do is change the focal point to a different part of the image on mobile. With parallax turned on, the image gets moved to a different container that is not part of that section. So there isn't really a good way to target the image differently. one thing you could do is just make the section background color solid pink on mobile: @media screen and (max-width:767px) { #contenido-como-medicina-workout{ background: pink; } } You can of course replace pink with your hex code.

You can use the below CSS to achieve this look on 7.1 sites. Note that this will only affect desktop. The logo will be normal on mobile. .header-announcement-bar-wrapper,.header-inner,.header-display-desktop { position: unset; } .header-nav { position: relative; } .header-display-desktop .header-title-logo { position: absolute; bottom: 0; transform: translateY(50%); }

We used to be able to change the default color theme on templates, but then inexplicably that feature was removed. It is actually an important feature because now not all templates are created equal. It MATTERS which template you start with because they all use different default color themes. Want to switch directions down the road? Too bad, you have to start all over or mess up your color theme structure. Squarespace, can we please get the ability to change the default color theme again? I don't have any contacts at Squarespace to communicate these needs to so the best I can do is post here and hope it makes it to their eyes and ears. Any help in amplifying this request is much appreciated!

I am running into this problem as well. It looks really bad when the image just jumps onto the screen. Can anyone from the Squarespace team help address this please?