jbozo99 Posted June 17, 2020 Share Posted June 17, 2020 Site URL: https://snail-cobalt-pa44.squarespace.com/ Trying to have 2 logo images centered, one leads to home page one leads to "Office Shacks" page (as seen on the site). Looking for code that would add a second image to the right of the initial logo that navigates to a page. I prefer the method where one adds a second logo rather than where one adds a background image to navigation page and gets rid of text. Not quite sure if either or any of this is possible, thus I am turning to the homies on Squarespace forum. Lmk what you all think if this is possible/any solutions, I would really appreciate it. Link to comment
Solution Beyondspace Posted June 17, 2020 Solution Share Posted June 17, 2020 Hi jbozo99 This can be achieved via custom css/js. Add this into advanced->custom code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { var pageUrl = "/office-shacks"; var logoUrl = "https://previews.123rf.com/images/sabinarahimova/sabinarahimova1808/sabinarahimova180816535/107766980-office-block-vector-icon-isolated-on-transparent-background-office-block-logo-concept.jpg" $(".header-title-logo").append('<a href="'+pageUrl+'" data-animation-role="header-element"><img src="'+logoUrl+'"></a>'); }); </script> Good luck! tuanphan and jbozo99 2 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
jbozo99 Posted June 17, 2020 Author Share Posted June 17, 2020 10 minutes ago, bangank36 said: Hi jbozo99 This can be achieved via custom css/js. Add this into advanced->custom code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { var pageUrl = "/office-shacks"; var logoUrl = "https://previews.123rf.com/images/sabinarahimova/sabinarahimova1808/sabinarahimova180816535/107766980-office-block-vector-icon-isolated-on-transparent-background-office-block-logo-concept.jpg" $(".header-title-logo").append('<a href="'+pageUrl+'" data-animation-role="header-element"><img src="'+logoUrl+'"></a>'); }); </script> Good luck! Thank you so much Bangank, worked like a charm. 🙂 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