tuanphan Posted February 4 Share Posted February 4 To add a second Logo to Right of Header, you can use these code to Code Injection > Footer #1. With Non-Clickable Logo Use this code <!-- Non-clickable Logo --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('<p class="custom-img"><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" width="100px"/></p>').appendTo('.header-display-desktop'); }); </script> Replace example logo url with your image url #2. Clickable Logo Use this code. Replace Google Url/Google Logo url with your image/url <!-- Clickable Logo --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('<a class="custom-img" href="https://google.com" target="_blank"><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" width="100px"/></a>').appendTo('.header-display-desktop'); }); </script> 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