Haven14 Posted July 18 Share Posted July 18 I have code to add the words "text us" next to the social icons, but I do not know how to link to a phone number without making a link in nav bar. Is there a way to move the text us link that is currently in the nav to the right of social icons and change the text formatting, but still have it clickable? Thanks! Link to comment
Haven14 Posted July 18 Author Share Posted July 18 Website here: https://www.havenbeautyma.com/ Link to comment
tuanphan Posted July 20 Share Posted July 20 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(){ $('div.header-nav-item:last-child').appendTo('.header-actions .header-actions-action--social'); }); </script> <style> .header-actions .header-actions-action--social { align-items: 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!) Link to comment
Haven14 Posted July 23 Author Share Posted July 23 Thanks! For some reason that adds two "text us" for me. Do you know why? Link to comment
tuanphan Posted July 25 Share Posted July 25 Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div.header-nav-item:last-child').appendTo('.header-actions .header-actions-action--social'); }); </script> <style> .header-actions .header-actions-action--social { align-items: center; } a.icon+div.header-nav-item+div.header-nav-item { display: none !important; } </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!) Link to comment
Haven14 Posted July 25 Author Share Posted July 25 Actually, I can see the text us when I'm editing but if I just look at the website through the normal url it isn't there. Link to comment
Haven14 Posted July 25 Author Share Posted July 25 It does seem like it's there when I hover, but I can't see it. Link to comment
Solution tuanphan Posted July 27 Solution Share Posted July 27 Add this code under code I sent <style> .header-nav-item a { opacity: 1 !important; } </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!) 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