mferrini

@jy15
I had the same issue on my website, but turns out I didn't implement the class properly. 
I just did and it works great for me. I read your post and you seem to do it right too. Maybe squarespace rolled out an update?
For me it works well now on desktop : chrome and safari and on the iphone: chrome and safari
My anchor code:
<b> 
<p2 id="air" class="anchor-link">HOW FRENCH HAS BENEFITED ME 
</p2> 
</b>
then #air on the text I want to link to this section, 
my custom CSS:
html {
scroll-behavior: smooth;
}
.anchor-link{
  scroll-margin: 50px;
}
 
Check it out at www.joshuabalata.com/french
 

The simplest solution I've found to this is to use code blocks as @jy15 stated with corresponding links in the nav, like on my site: https://www.martinferrinidesign.com/

Markup/CSS is:
<!-- Place html like this into code blocks into the section you want the nav items to scroll to --> <a class="anchor" id="services"></a> <!-- Links in nav get /#services and so on as their URL --> .anchor { display: block; position: relative; top: -150px; visibility: hidden; } /* -- Place this near the top of the Custom CSS area -- */ html { --scroll-behavior: smooth; scroll-behavior: smooth; } Then if you need to adjust certain anchors to have more of an offset simply add more CSS, like:
#services {top: -250px;} This works in Safari and mobile as well. And in situations where there's nowhere to add a code block like in 7.1  auto-layout sections (like 'People' for example) you can either create a section above the one you want the nav to scroll to and place a code block into it and use the section id to remove padding and even set the height to 1px so that the offset will work, but the section it's in won't take up extra space, in CSS like:
[data-section-id="626af404c5414a740afc03bd"] .content-wrapper { padding: 0 !important; max-height: 1px !important; } Lastly, if that's not optimal you can use javascript in the Code Injection area to inject, or prepend (or append) html into anywhere in your site, typically right on or above the div you'd like to be in the viewport when the anchor link is clicked/tapped like:
<!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> // Prepend anchor to section $('[data-section-id="626af404c5414a740afc03bd"] .content').prepend('<a class="anchor" id="services"></a>'); </script> Hope this is helpful!

I should clarify, that this situation is solvable, to a point using the Universal Filter plugin by exposing the .filter-value with CSS, like:
/* -- Expose .filter-value -- */ .custom-filter-container .filterDropdown:not(.outside-values-visible) .outsideFilterValues {display: block;} This will show the name of the tag or category a user has filtered underneath the filter name.
And this works wherever the filter is applied, but it really should be built in AND developers/clients should have the ability to name the value title, which using Universal Filter can be done within the config script for tags and/or categories, here:
name: 'Filter By Topic', multiple: true, capitalcase: true, getAttr: 'tags' Also, it's unfathomable to me why Squarespace would make the arbitrary decision to limit how tags and categories can be displayed AND to set character limits to categories.
Perhaps they'll add this back to 7.1 and have some internal reason for not doing so already, but a little more transparency from them would be greatly appreciated, especially with features that have been removed in the transition from 7.0 to 7.1.

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.
Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter
This seemingly arbitrary limitation feels impossible to solve.
Why Squarespace? Why?!
If anyone has a solution for this I'd like to know.
Thanks!

This issue has been resolved with help from both @tuanphan and the fine folks at SQSPThemes (Lightbox Anything) who suggested I add a hook to the Universal Filter config:

hooks: {
  afterFilter: function (f) {
    if (f.requestComplete) {
      pluginLightbox({"closeExisting":"true"});
    }
  }
},
And that did the trick!

The simplest solution I've found to this is to use code blocks as @jy15 stated with corresponding links in the nav, like on my site: https://www.martinferrinidesign.com/

Markup/CSS is:
<!-- Place html like this into code blocks into the section you want the nav items to scroll to --> <a class="anchor" id="services"></a> <!-- Links in nav get /#services and so on as their URL --> .anchor { display: block; position: relative; top: -150px; visibility: hidden; } /* -- Place this near the top of the Custom CSS area -- */ html { --scroll-behavior: smooth; scroll-behavior: smooth; } Then if you need to adjust certain anchors to have more of an offset simply add more CSS, like:
#services {top: -250px;} This works in Safari and mobile as well. And in situations where there's nowhere to add a code block like in 7.1  auto-layout sections (like 'People' for example) you can either create a section above the one you want the nav to scroll to and place a code block into it and use the section id to remove padding and even set the height to 1px so that the offset will work, but the section it's in won't take up extra space, in CSS like:
[data-section-id="626af404c5414a740afc03bd"] .content-wrapper { padding: 0 !important; max-height: 1px !important; } Lastly, if that's not optimal you can use javascript in the Code Injection area to inject, or prepend (or append) html into anywhere in your site, typically right on or above the div you'd like to be in the viewport when the anchor link is clicked/tapped like:
<!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> // Prepend anchor to section $('[data-section-id="626af404c5414a740afc03bd"] .content').prepend('<a class="anchor" id="services"></a>'); </script> Hope this is helpful!

The simplest solution I've found to this is to use code blocks as @jy15 stated with corresponding links in the nav, like on my site: https://www.martinferrinidesign.com/

Markup/CSS is:
<!-- Place html like this into code blocks into the section you want the nav items to scroll to --> <a class="anchor" id="services"></a> <!-- Links in nav get /#services and so on as their URL --> .anchor { display: block; position: relative; top: -150px; visibility: hidden; } /* -- Place this near the top of the Custom CSS area -- */ html { --scroll-behavior: smooth; scroll-behavior: smooth; } Then if you need to adjust certain anchors to have more of an offset simply add more CSS, like:
#services {top: -250px;} This works in Safari and mobile as well. And in situations where there's nowhere to add a code block like in 7.1  auto-layout sections (like 'People' for example) you can either create a section above the one you want the nav to scroll to and place a code block into it and use the section id to remove padding and even set the height to 1px so that the offset will work, but the section it's in won't take up extra space, in CSS like:
[data-section-id="626af404c5414a740afc03bd"] .content-wrapper { padding: 0 !important; max-height: 1px !important; } Lastly, if that's not optimal you can use javascript in the Code Injection area to inject, or prepend (or append) html into anywhere in your site, typically right on or above the div you'd like to be in the viewport when the anchor link is clicked/tapped like:
<!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> // Prepend anchor to section $('[data-section-id="626af404c5414a740afc03bd"] .content').prepend('<a class="anchor" id="services"></a>'); </script> Hope this is helpful!

Hi @tuanphan,
This is very cool, but what if one needs an auto breadcrumb for 7.1 blog sections?
For example, with sciencesites.org, using 7.0 (mostly Brine) we'd typically use an archive block and some javascript to give tags/categories and on state for each tag/category link based upon matching the URL, but perhaps there's a better way that's similar to your solution for products?
Because most of our clients want blog lists with effectively endless items listed, at the moment I'm using: https://www.squarewebsites.org/products/universal-filter and https://www.squarewebsites.org/products/lazy-summaries
with this site: 
https://bart-wilson.squarespace.com/publications 
Pwd: Letmein
And they work great, however as far as I can tell there's no way have links to tag/category results from anywhere else on the site show a user where they are. For example if you click one of the links on the homepage like:
https://bart-wilson.squarespace.com/all-publications?tag=Property
The actual blog page, "/all-publications" both doesn't show tags and won't show any indication of what's being displayed, unlike in Brine templates where a "Viewing Posts In:" message would appear (.BlogListFilter).
Ideally the blog list would just show tags AND categories as it does in 7.0.
Hope this all makes sense?
Thanks for your time and I hope you're safe within this COVID purgatory!
 
 
 

I should clarify, that this situation is solvable, to a point using the Universal Filter plugin by exposing the .filter-value with CSS, like:
/* -- Expose .filter-value -- */ .custom-filter-container .filterDropdown:not(.outside-values-visible) .outsideFilterValues {display: block;} This will show the name of the tag or category a user has filtered underneath the filter name.
And this works wherever the filter is applied, but it really should be built in AND developers/clients should have the ability to name the value title, which using Universal Filter can be done within the config script for tags and/or categories, here:
name: 'Filter By Topic', multiple: true, capitalcase: true, getAttr: 'tags' Also, it's unfathomable to me why Squarespace would make the arbitrary decision to limit how tags and categories can be displayed AND to set character limits to categories.
Perhaps they'll add this back to 7.1 and have some internal reason for not doing so already, but a little more transparency from them would be greatly appreciated, especially with features that have been removed in the transition from 7.0 to 7.1.

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.
Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter
This seemingly arbitrary limitation feels impossible to solve.
Why Squarespace? Why?!
If anyone has a solution for this I'd like to know.
Thanks!

Okay I'm going to answer my own question here, thanks to the hawkeye of @michaeleparkour it turns out I forgot to add the Lazy Summaries script, but had included the init, so the plugin was half working. Arrgggh! A lesson in being tired and not triple checking the Code Injection area!
Everything's working perfectly now, so thanks @michaeleparkour and  @tuanphan!!

Thanks Tuan, and thanks again for your help with michealinzlicht.com last week!
I've reached out to Michael on his Squarewebsites Slack channel.

Site URL: https://www.petalumapioneers.org/
Hi Circle folks, @michaeleparkour
I've got a two tiered question here relating to summary blocks and the Five template. 
I built this site, https://www.petalumapioneers.org back in 2017 and its got a ton of entries from two blogs, and one's posts use summary blocks to pull in other's excerpts (thumbnail, title and category) via certain categories. 
Meaning this blog: https://www.petalumapioneers.org/archive-by-photographer uses summary blocks to pull in all photos by certain photographers, via categories from this blog: https://www.petalumapioneers.org/archive-by-sitter
I also set up both blogs to have entries display in alphabetical order by using the convoluted method of entering the last ones first and/or changing the published date so they’ll display properly.
And it's all worked fine, however once new posts were added recently to: https://www.petalumapioneers.org/archive-by-sitter using the same methodology, the summary block now isn't pulling in the newest posts, categorized as George Ross into the corresponding post about him here:
https://www.petalumapioneers.org/archive-by-photographer/2017/4/4/george-ross-elon-d-ormsby
I just added the amazing Admin UI Tweaks: https://www.squarewebsites.org/squarespace-plugins/squarespace-admin-ui-tweaks and Lazy Summaries plugin: https://www.squarewebsites.org/squarespace-plugins/lazy-summaries and it's working as far as getting around the limit of 30 items, but oddly it's not working when set to sort alphabetically as you can see here:
https://www.petalumapioneers.org/test-blog-summary
Pwd: george
That page is pulling from a test blog I set up with items that have titles in alphabetical order and it's pulling in the same summary block with the same criterion I mentioned above for the photographer George Ross, but it's missing this entry with the category George Ross:
https://www.petalumapioneers.org/archive-by-sitter/2017/4/10/unidentified-oval-bust-portrait
And the same situation is true for this new entry of a photo taken by the photographer John Quincy Reed:
https://www.petalumapioneers.org/archive-by-sitter/2017/4/10/oval-bust-portrait-of-a-woman-with-color-applied-to-her-cheeks
The post has the correct category, but on the photographer’s post this newest photo isn’t showing in the summary block which is configured to pull in all posts categorized as John Q. Reed:
https://www.petalumapioneers.org/archive-by-photographer/2017/4/5/john-quincy-reed
So, my questions are, does anyone believe or know that this may be an issue with the fact that the Five template is no longer available or supported and is there a better way to achieve the desired results in 7.1, or even in say Brine in 7? 
Ideally I'd like to encourage the client to upgrade to 7.1 and I'm imagining we could use perhaps use gallery sections to display the photos and summary blocks to display the photographer posts with Universal Filter: https://www.squarewebsites.org/squarespace-plugins/universal-filter to allow sorting and alphabetical display, or something like that?
Lastly has anyone used Squarewebsites’ Tools Extension PRO:
https://www.squarewebsites.org/squarespacewebsites-tools-extension-pro
to export/import an older Squarespace site such as this from 7 to 7.1 and do you think it would work for this enormous, crazy site?
Thanks so much for hopefully taking a look!
Martin

Okay I'm going to answer my own question here, thanks to the hawkeye of @michaeleparkour it turns out I forgot to add the Lazy Summaries script, but had included the init, so the plugin was half working. Arrgggh! A lesson in being tired and not triple checking the Code Injection area!
Everything's working perfectly now, so thanks @michaeleparkour and  @tuanphan!!

I should clarify, that this situation is solvable, to a point using the Universal Filter plugin by exposing the .filter-value with CSS, like:
/* -- Expose .filter-value -- */ .custom-filter-container .filterDropdown:not(.outside-values-visible) .outsideFilterValues {display: block;} This will show the name of the tag or category a user has filtered underneath the filter name.
And this works wherever the filter is applied, but it really should be built in AND developers/clients should have the ability to name the value title, which using Universal Filter can be done within the config script for tags and/or categories, here:
name: 'Filter By Topic', multiple: true, capitalcase: true, getAttr: 'tags' Also, it's unfathomable to me why Squarespace would make the arbitrary decision to limit how tags and categories can be displayed AND to set character limits to categories.
Perhaps they'll add this back to 7.1 and have some internal reason for not doing so already, but a little more transparency from them would be greatly appreciated, especially with features that have been removed in the transition from 7.0 to 7.1.

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.
Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter
This seemingly arbitrary limitation feels impossible to solve.
Why Squarespace? Why?!
If anyone has a solution for this I'd like to know.
Thanks!

I should clarify, that this situation is solvable, to a point using the Universal Filter plugin by exposing the .filter-value with CSS, like:
/* -- Expose .filter-value -- */ .custom-filter-container .filterDropdown:not(.outside-values-visible) .outsideFilterValues {display: block;} This will show the name of the tag or category a user has filtered underneath the filter name.
And this works wherever the filter is applied, but it really should be built in AND developers/clients should have the ability to name the value title, which using Universal Filter can be done within the config script for tags and/or categories, here:
name: 'Filter By Topic', multiple: true, capitalcase: true, getAttr: 'tags' Also, it's unfathomable to me why Squarespace would make the arbitrary decision to limit how tags and categories can be displayed AND to set character limits to categories.
Perhaps they'll add this back to 7.1 and have some internal reason for not doing so already, but a little more transparency from them would be greatly appreciated, especially with features that have been removed in the transition from 7.0 to 7.1.

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.
Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter
This seemingly arbitrary limitation feels impossible to solve.
Why Squarespace? Why?!
If anyone has a solution for this I'd like to know.
Thanks!

This is a maddening issue with 7.1. Not only is there a limitation which only allows for categories to be shown in a blog section and NOT tags, but whenever something is filtered there's no way to show a user where they are, like in 7.0.
Even using the fantastic Universal Filter: https://www.squarewebsites.org/products/universal-filter
This seemingly arbitrary limitation feels impossible to solve.
Why Squarespace? Why?!
If anyone has a solution for this I'd like to know.
Thanks!