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
Beyondspace Posted June 17, 2020 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! BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, 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
Archived
This topic is now archived and is closed to further replies.