If you’re managing a website, chances are you’ve heard the phrase “mobile-first design” more times than you can count. And for good reason—as of February 2025, mobile devices account for approximately 63.41% of global internet traffic, while desktops make up about 36.59% (StatCounter). This trend highlights the growing reliance on mobile devices for web browsing. But what happens when you’re writing a blog or updating content on a pre-built WordPress page? Even if your website is designed to be mobile-friendly, you still need to think about how it looks on desktop.
Here are a few key things to consider when publishing content so it looks great on any device.
1. Keep Images Centered
You might be tempted to add images on the left or right of your text, especially on a desktop where it looks spacious and balanced. But on mobile? That same image often gets stacked in a weird way or ends up shrinking too much. To keep things looking clean, I prefer to center-align images and place them between paragraphs rather than wrapping text around them. It keeps the layout simple and avoids any awkward formatting issues on smaller screens.
2. Use Buttons Instead of Linked Images
Ever tried to scroll quickly on a website and accidentally clicked an image link? It’s frustrating! That’s why I always recommend using buttons for links instead of clickable images. Buttons stand out, are easier to tap on mobile, and reduce accidental clicks. Plus, they look cleaner and more intentional on desktop too. Most WordPress editors make it easy to add buttons, and you can even customize their style to match your brand.
And let’s be honest—we’ve all scrolled too fast on Instagram, accidentally clicked on an ad, and suddenly that product is following us around the internet for the next month. Buttons help prevent those “oops” moments on your own site!
3. Avoid Sidebars (Or Keep Them Minimal)
Sidebars are a classic desktop feature, but they don’t always translate well to mobile. Many times, they get pushed to the bottom of the page or disappear altogether. If your blog template includes a sidebar, make sure the most important content is in the main body of the page so mobile users don’t miss out.
4. Make Sure Your Text is Readable
Nothing sends people away from a website faster than tiny, hard-to-read text. While your desktop site might have a lot of space to work with, mobile screens don’t. Stick with a readable font size (at least 16px) and avoid long walls of text. Breaking up content with subheadings, bullet points, and short paragraphs makes it easier to skim—something both mobile and desktop users will appreciate.
5. Keep the Call-to-Action (CTA) Easy to Find
Whether you want visitors to sign up for a newsletter, contact you, or read another blog post, your CTA should be front and center. On desktop, you have more room to place CTA buttons in headers, footers, or sidebars. But on mobile, space is limited. A good rule of thumb? Make sure your CTA is easily accessible within the first few scrolls, and use buttons (instead of text links) to make them stand out.
6. Test Before You Publish
Before you hit “publish” on a new blog post or page update, take a quick look at how it appears on both desktop and mobile. Many website editors (including WordPress) have a preview mode where you can check both views. A few seconds of testing can save you from unexpected formatting surprises.
Final Thoughts
Just because most visitors are using mobile doesn’t mean you should ignore the desktop experience. By centering images, using buttons for links, keeping text readable, and ensuring key content is easy to access, you can make sure your site looks polished no matter how people view it.
What’s your go-to trick for making your blog posts more mobile-friendly? Let’s hear it in the comments!