I have the perfect website on desktop but it looks really bad on a mobile device. What do I do? HELP! Sound familiar?
If you’re here reading this article right now, you probably have already encountered this problem (unless you’re like me and you worry about things like that so far ahead in advance that you start googling at 2AM because you just can’t sleep hah!). Don’t worry, that googling marathon that lasted days has, in fact, yielded results.
So, if you have the absolutely PERFECT desktop website, you love your theme but it’s just not looking right on a mobile device (if you want to know why you want your site looking perfect on mobile devices, check out this article) and you don’t have the time, know-how or patience to be fiddling about with html, css or oh-dear-lord programming languages, here are some plugins that I highly recommend.
Disclaimer: Some of the links in this post are affiliate links, meaning, at no additional cost to you, I will earn a commission if you choose to make a purchase.
First on my list is the paid plugin I call, “The One”. I was on a very tight deadline and needed to transform an unwieldy navigation menu (on a desktop) into a tidy, tab bar like the one on the Facebook app.
I fiddled with my codes, edited my header.php and my css.styles and looked for plugins.
I even bought Ubermenu based on the many positive reviews. Unfortunately, whilst it’s good, it wasn’t what I was looking for.
And then finally, out-of-the-blue, I found The One. It was absolutely perfect! It lets you change the icons, add or remove icon labels at will, customise the appearance and the placement (top or bottom), integrate with your same menu or with a mobile-specific one and also override the default function of each button. Have I already said that this is The One?
I was so happy with this plugin that I immediately deactivated Ubermenu’s mobile setting on my own website and started using Touchy. Here’s a photo of my front page for those of you reading on your computers. Isn’t it just to-die-for? Everytime I look at my own page on my phone, I just smile a giddy little smile.
As you can see, I definitely think that the price is worth it. The regular licence is currently set at $26 on Codecanyon.
A more in-depth review of this little nugget of joy will be coming soon!
I first encountered this plugin when I was just starting out and had zero coding knowledge.
The free version was good enough for me then and I imagine for a good few people. Some of the things you can do with the free version include the ability to assign each widget its own classes and ids and restrict their visibility on specific pages.
I honestly think that this plugin should just be integrated with WordPress as a permanent feature. It frees you from the constraints of your theme and lets you customise each widget to your hearts’ content.
So of course, I went ahead and invested in the paid version. This gave me even more control over my widgets. I could actually even clone them, saving me so much time! You can check out the plugin’s site for a detailed look at the additional features. Impressive or what?
A totally free plug-in that lets you control your site’s content depending on the device used to view your site. The process is very simple. You have a portfolio of images that you want to display as a gallery. On a desktop, you want the images to fill the page. On a mobile / tablet, you just want to display an itty bitty gallery of thumbnail images.
Once this widget has been activated, you create two photo galleries. You then wrap your content with the plugin’s shortcodes plus the supported attributes to control whether to display the content. And voilà! You have images that look perfect regardless of the device used to view them.
Just remember that you need to edit your content as HTML and wrap the shortcodes around your content there as opposed to the visual editor.
Of course, you could, if you’re tech-savvy enough, don your black hat and wave your magic CSS-wand to sort of replicate this plugin. Check out this article, if you want to try that (I certainly added these codes to my ever-expanding tool belt).
And there you have it, my top three plugins for creating quality websites that look great on a desktop AND a mobile device.
If you have a plugin that you just love using again and again, comment below. I would love to check it out! 🙂