DPruitt

Hey everyone!~ Anyway to get this to work on a 7.1 Store index past 200 products? It seems to stop working (creating a line break) at 200...

So the best solution I found for clients for the navigation folders / temp redirects is to remove them from the main navigation and substitute a code block prependTo to both the Desktop navigation and another code block for the mobile navigation. I just completed this for a client yesterday: https://www.nextmilelt.com.au/ For the additional .com/ I too have noticed this; search engines will just mark them as "non-indexed"

------------- Code is now updated for mobile*

This should be able to assist you in making the specific change: #collection-5e7116a5d59115318c711877 #page {background-color: #FFFFFF;}

-The Process is now updated with Javascript to accomplish same window functionality for the first social link within the header.

Anyone using Font Awesome wanting the search icon within the DIV Social Icon Wrapper of the header, here you go: 1. First enable your social links in your header. 2. Add a Link to the beginning of your Social Link List https://www.yourdomain.com/search 3. Add your Font Awesome Script to your Header Injection. 4. Include this Javascript within the Header to make the first link open in the same window: <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.header-actions-action--social a:first-child[target="_blank"]').prop("target", "_self"); $('.header-menu-actions-action--social a:first-child[target="_blank"]').prop("target", "_self"); }); </script> 5. Add your css: /*Custom Search Bar*/ .header-actions--right .header-actions-action--social .icon:first-child {visibility:hidden} .header-actions--right .header-actions-action--social .icon:first-child:after { content: '\f002'; font-family: FontAwesome; position: absolute; margin-left:-1vw; margin-top: 3px; font-size: 15px; color:lightgray; visibility:visible} .sqs-svg-icon--list a:first-child {display:none} /*Mobile*/ .header-menu-actions-action.header-menu-actions-action--social:first-child {visibility:hidden} .header-menu-actions-action.header-menu-actions-action--social:first-child:after {content: '\f002'; font-family: FontAwesome; display: inline-block; position: absolute; margin-left:-15px; margin-top: -25px; font-size: 22px; color:#0db14b; visibility:visible} /*END Custom Search Bar*/ If you're wanting to have it within the navigation instead of the social links, just write your CSS accordingly and leave out the nasty javascript.

An easy Javascript Solution for overriding and enabling Folder Title Links in Squarespace 7.1: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-nav-folder-title[href="/original-url"]').attr("href", "/new-url"); window.addEventListener('load', function(){ document.querySelector('[href="/new-url"]').addEventListener('click', function() { window.location = "/new-url"; }) }) }); </script>