TVB Posted June 9, 2022 Share Posted June 9, 2022 Site URL: https://how-you-move-lab.squarespace.com/home For this website: howyoumovelab.com/home we want to add a second button to the navigation with the same style as the current button. We want the button to say "View Your Report" and link and link in a new tab here. This is how we want it to look: @tuanphan @bangank36 Thanks! Link to comment
Beyondspace Posted June 9, 2022 Share Posted June 9, 2022 You can achieve this layout by adding a button at footer then moving it to header via javascript code. What is your plan? 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
TVB Posted June 10, 2022 Author Share Posted June 10, 2022 @bangank36 Yes can you supply the code for this? I added a button to the footer. Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 @TVB Don't remove any code in your current code. Add this to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('footer.sections .button-block').insertBefore('.header-title-nav-wrapper'); }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TVB Posted June 13, 2022 Author Share Posted June 13, 2022 @tuanphan on mobile it looks strange. Can we add the button into the menu on mobile like the other button is? Link to comment
tuanphan Posted June 14, 2022 Share Posted June 14, 2022 19 hours ago, TVB said: @tuanphan on mobile it looks strange. Can we add the button into the menu on mobile like the other button is? Remove the code & use this new code <script> $(document).ready(function() { $('footer.sections .button-block').insertBefore('.header-display-desktop .header-title-nav-wrapper'); }); </script> It will remove problem on mobile. When you've done it, let me know. I will check code to add button into mobile menu Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TVB Posted June 14, 2022 Author Share Posted June 14, 2022 @tuanphan is there any way to have the button show on mobile in this menu? Above the other button? Thank you!(: Link to comment
tuanphan Posted June 15, 2022 Share Posted June 15, 2022 20 hours ago, TVB said: @tuanphan is there any way to have the button show on mobile in this menu? Above the other button? Thank you!(: Add this new code <script> $(document).ready(function() { $('footer.sections .button-block').insertBefore('.header-display-desktop .header-title-nav-wrapper'); $('header#header .button-block').clone().insertBefore('.header-menu-cta a'); }); </script> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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