ANDREY_DANILOV Posted Saturday at 12:21 PM Posted Saturday at 12:21 PM (edited) How can I add social icons that I have on desktop menu into mobile menu drawer? https://www.strengthclinicacademy.com I need it at the very bottom, like on the screenshot below: Help please. Edited Saturday at 12:23 PM by ANDREY_DANILOV
tuanphan Posted 22 hours ago Posted 22 hours ago You can use this code to Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('nav.SocialLinks').appendTo('nav.Mobile-overlay-nav.Mobile-overlay-nav--primary'); }); </script> <style> .Mobile-overlay .SocialLinks-inner { text-align: center; } </style> 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!)
ANDREY_DANILOV Posted 6 hours ago Author Posted 6 hours ago Thank you, but after adding the script social icons disappeared from the desktop version and only visible in mobile menu. How to make them visible in both scenarios? Thank you for your help.
tuanphan Posted 3 hours ago Posted 3 hours ago I forgot to add an id, you can use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('nav.SocialLinks').clone().appendTo('nav.Mobile-overlay-nav.Mobile-overlay-nav--primary'); }); </script> <style> .Mobile-overlay .SocialLinks-inner { text-align: center; } </style> 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment