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; } }
Introduction to WordPress Posting (Without Strong Technological Background)
This post assumes knowledge of logging in, navigating to the post section, getting into the editing screen on a post, and basic familiarity with the editing screen. If you need more basic information than this post provides, see the Simple WP Guide. It walks you through the very basics and is a great way to get started. If you know all of that already, this guide should help you bring your WordPress posting skills to the next level. If you’re looking to go even further, there are a number of side-notes in this post. Use them as opportunities to search […]
Neat Things Since July
CSS Guidelines !# for removing scroll-to-top on empty anchor link Photoshop Layer Filtering A few things I’ve done since July