Kate M. Walsh

The code here helps you show, for your mobile website only, a mobile phone number stuck at the top of the site, following the user as they scroll down the page. The HTML <span class=”desktop-phone”>(555) 555-5555</span> <a id=”floating-mobile-phone” href=”tel:+15555555555″>(555) 555-5555</a> The CSS /* ======================== mobile phone ======================== */ a#floating-mobile-phone { display:none; } @media only screen and (max-width:600px) { a#floating-mobile-phone { /*theming-related: colors, fonts, sizing, etc. edit at will*/ background-color:#558a93; color:#fff; text-align:center; font-size:18px; /*positioning-related: don’t edit unless you’re css-confident*/ display:block; position:fixed; top:0; left:0; width:100%; z-index:9999; } }