Jaryn Posted April 7, 2023 Posted April 7, 2023 (edited) I need to add a sticky header to my site with a phone number & email address. I want to be able to have them interactive so on mobile you can easily call the phone number. I have added this code: <!DOCTYPE html> <html> <header> <style> header{ color: white; text-align: center; background-color: #8bbeee; font-family: poppins; font-size: 20px; position: -webkit-sticky; /* Safari */ position: sticky; width: auto; margin: auto; word-spacing: 20px; padding: 2px; 20px; 10px; 20px; } </style> </header> <body> <header>Contact: 405-375-3128 or kfepatients@pldi.net</header> </html> However, now it overlaps my Squarespace Header on mobile and I still do not know how to add the phone or email links. Edited April 7, 2023 by Jaryn adding code
tuanphan Posted April 12, 2023 Posted April 12, 2023 Hi, What is your site url? We can check easier 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!)
Jaryn Posted April 13, 2023 Author Posted April 13, 2023 kingfisherfamilyeyecare.com password: gojackets
tuanphan Posted April 16, 2023 Posted April 16, 2023 You can use announcement bar to achieve both See this quick video https://www.loom.com/share/1fe79aedaec24864bf3e56a50fd355a7 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