tuanphan Posted September 30 Share Posted September 30 If you want to add a clickable logo to this position. You can use this code to Website Tools > Code Injection > Footer. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('<a href="/" class="burger-custom-logo"><img src="https://images.squarespace-cdn.com/content/v1/66f194834df8e12d7408c055/3eaefa41-e818-4b96-8136-8b0c2a82faa1/Cherry-Hill-Vertical-Logo-White-Rgb-2000px-w-72ppi.png?format=1000w" width="150px"/></a>').insertBefore('.header-menu-nav-wrapper'); }); </script> Result To resize logo, you can change this value. To add custom text under logo, use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('<a href="/" class="burger-custom-logo"><img src="https://images.squarespace-cdn.com/content/v1/66f194834df8e12d7408c055/3eaefa41-e818-4b96-8136-8b0c2a82faa1/Cherry-Hill-Vertical-Logo-White-Rgb-2000px-w-72ppi.png?format=1000w" width="150px"/><p>Enter your text here here Google Alphabet Facebook Amazon Ebay Instagram</p></a>').insertBefore('.header-menu-nav-wrapper'); }); </script> <style> a.burger-custom-logo { margin-left: 5vw; margin-right: 5vw; padding-left: 4vw; padding-right: 4vw; text-align: left; } </style> Result 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment