tuanphan Posted April 17, 2021 Share Posted April 17, 2021 On 4/10/2021 at 10:09 PM, ElizabethM said: @tuanphan of course https://racontemoi.squarespace.com password : MRCbst2020 Hi. Do you still need help on this? I don't see search icon on header Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GraemeArmstrong Posted October 13, 2021 Share Posted October 13, 2021 Thanks for this code. How do I get the icon to appear in the mobile menu? Link to comment
tuanphan Posted October 14, 2021 Share Posted October 14, 2021 21 hours ago, GraemeArmstrong said: Thanks for this code. How do I get the icon to appear in the mobile menu? What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GraemeArmstrong Posted October 15, 2021 Share Posted October 15, 2021 www.khuramanarmstrong.com Link to comment
tuanphan Posted October 17, 2021 Share Posted October 17, 2021 On 10/15/2021 at 7:51 AM, GraemeArmstrong said: www.khuramanarmstrong.com Hi, You mean make search icon appear next to burger on mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted October 20, 2021 Share Posted October 20, 2021 On 10/17/2021 at 5:10 PM, GraemeArmstrong said: Yes thanks Click on Search >> redirect to search page. Is this right? Or click on Search >> Show Search Input> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
GraemeArmstrong Posted October 21, 2021 Share Posted October 21, 2021 Click on Search >> redirect to search page. Link to comment
tuanphan Posted October 22, 2021 Share Posted October 22, 2021 On 10/21/2021 at 8:23 AM, GraemeArmstrong said: Click on Search >> redirect to search page. Add to Settings > Advanced > Code Injection > Footer <script> $(document).ready(function() { $('<a href="/search" class="header-search"></a>').appendTo('.header-display-mobile .header-actions-action.header-actions-action--social'); }); </script> <style> .header-display-mobile .header-actions-action.header-actions-action--social { display: block !important; } a.header-search { width: 30px; height: 30px; display: block; background-image: url(https://assets.squarespace.com/universal/images-v6/icons/icon-searchqueries-32-dark.png); margin-right: 10px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Solution paul2009 Posted October 22, 2021 Solution Share Posted October 22, 2021 To reiterate what has been documented elsewhere, Squarespace have not added a Search option to the 7.1 header because search does not work correctly on Squarespace 7.1. You can use code to add a search option, but you won't be able to fix the broken internal search engine. To lobby Squarespace to fix this, you'll need to contact Squarespace Customer Care to log your concern. They don't follow posts in the forum (see guideline 6). cornponeskillet, dbru and r1ch4rd 3 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
GraemeArmstrong Posted October 23, 2021 Share Posted October 23, 2021 (edited) Thanks to @tuanphan and @DPruitt I achieved the Search Icon result I wanted in Desktop and Mobile following these instructions and using the code below. Thanks guys. www.khuramanarmstrong.com Font Awesome search icon within the DIV Social Icon Wrapper of the header 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: Code Injection > Header <script src="https://kit.fontawesome.com/[yourID].js" crossorigin="anonymous"></script> <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> 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:#5F5F5F; 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; position: relative; margin: 0 !important; } .header-menu-actions-action.header-menu-actions-action--social:first-child a:after { content: '\f002'; font-family: FontAwesome; display: block; position: absolute; bottom: -2px; right: 4px; font-size: 22px; color: #5F5F5F; visibility: visible; z-index: 10000; padding: 5px; } /*END Custom Search Bar*/ Edited October 23, 2021 by GraemeArmstrong hellostudiojohn 1 Link to comment
cornponeskillet Posted November 2, 2021 Share Posted November 2, 2021 I successfully implemented search into my client's header only to discover that search function is broken in 7.1. I contacted support and they basically told me "We know that search is broken and don't care about fixing this feature because not enough people use it." Why not just remove it, then? Why leave a broken feature on your platform? Squarespace isn't exactly a startup with no time or money to spare. I give them thousands of dollars every year from 15+ clients. It's so frustrating to get this response. -- Hi there, This is Ryan from the Portland office, I am following up from our chat earlier. Thank you for your patience while I looked in to this more. I understand that the search function on your site was not working as expected. Specifically, the search block was not returning indexed content as it should. When it comes to resolving platform issues, we can't fix every problem, so we have to choose the most impactful improvements. We prioritize platform developments and critical issues that affect a large number of customers or greatly reduce the usability of the platform.While we understand it may be inconvenient, we don’t currently have plans to fix or improve this behavior. I hope the information above is helpful. If you have any additional questions please don’t hesitate to reach out. We are here 24/7 and are always happy to help! Thanks, Ryan J. tuanphan and creedon 2 Link to comment
broadbelt Posted August 18, 2022 Share Posted August 18, 2022 Site URL: https://www.countiesenergy.co.nz Hi there, I have inherited a Squarespace website and need help with our search function. My client would like to add our search icon into the top right of the mobile header but the Squarespace feature that offers that does not appear to be helping. I'm also looking to edit the search function but can't figure out how to do so. This is the search page https://www.countiesenergy.co.nz/search/ but I can't see how to edit it. Any help would be much appreciated. Thank you! Sam Link to comment
paul2009 Posted August 19, 2022 Share Posted August 19, 2022 10 hours ago, broadbelt said: My client would like to add our search icon into the top right of the mobile header See this post. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment