GrowMap

Map Your Path To Grow Your Business

  • Home
  • About
  • Contact
  • G.A.S.P
  • Press
  • Portfolio
  • GrowMap Services
  • PostsComments

StudioPress Genesis Themes May Not Be Fully Mobile Responsive

April 17, 2014 By Gail Gardner 3 Comments

Genesis Prose Video and Images Not ResizingThe main reason many bloggers switched from Thesis to Genesis is that StudioPress promotes it as mobile responsive. There is some fine print we must have missed somewhere because while most of their themes are considered mobile responsive, they DO NOT resize videos which is critical to having your posts display well on mobile devices.

Some of their “mobile responsive” themes such as the Prose child theme this site uses do not even resize images. There ARE fixes for both of these issues explained below.

How to Test Your Blog for Mobile Responsiveness

Choose a post that has an image and video in it. Plug it into the StudioPress responsive tool. View each device size and look especially at the images and videos.

Example of Images Not Resizing

Here is a screen capture of my How to Get Recommended post in the tool:

Genesis Prose Not Resizing Images
Notice that even at 480 wide the image is cut off on the right side. This is far worse on smaller devices. Plug the URL into the tool to see all the sizes yourself.

Example of Video Not Resizing

This is an example of a couple of the videos from that same post. Note that they do not resize – they simply get cut off on the right. What you want is for your images and videos to be resized so that the entire image or video displays properly on every device. The easiest fix is to add the plugin.

Genesis Prose Video Not Resizing

StudioPress Support Response

Prose is NOT mobile responsive in that it does not resize images (fix below) or video (requires the WordPress Canvas Responsive Videos plugin). Here is the answer from StudioPress tech support:

Hi,

Prose is a little behind some of our newer themes.

Please add the following to your style.css file:

.wp-caption {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}

That should resolve it for you!

For the videos, we do not load our themes with scripts that are required for something like making video responsive since these CAN be added by a plugin, and, since many customers don’t use video, the script loading would add unnecessary code that needs to be loaded to the site.

Best,
Copyblogger Media Support

Our Blogs MUST BE Made Mobile Responsive

This is not optional. Your images and videos must be easily viewed on devices of any size. Use the code highlighted above if your images do not resize and you are using Genesis to fix your images.

UPDATE: StudioPress recommends the FitVids for WordPress plugin to make videos mobile responsive.

Add the WordPress Canvas Responsive Videos plugin so your videos work in smaller devices. I contacted the developer and he said it will work retroactively so that all videos in your site start appearing correctly.

If you do not use Genesis and have these issues you want to make sure you are using a mobile responsive theme that resizes your text and works on mobile devices. Add this video plugin or use one of the images plugins suggested by Mark Hultgren if you need them:

  • http://css-tricks.com/hassle-free-responsive-images-for-wordpress/
  • https://wordpress.org/plugins/simple-responsive-images/
  • http://graphpaperpress.com/plugins/gpp-shortcodes/
  • http://wordpress.org/plugins/wp-fluid-images/

No matter what theme you currently use, choose a post that has an image and a video and plug it into the StudioPress responsive tool and make sure your blog looks good at every size. If it doesn’t already, now you know what to do.

If  you want to see fully mobile responsive themes that automatically resize images and videos, look at Themify and Themify Bizco.

Mobile continues to grow and estimates are that 46-90% of all views will be on mobile by 2014. 90% seems excessive, but 46-50% is definitely likely.

The following two tabs change content below.
  • Bio
  • Latest Posts
My Twitter profileMy Facebook profileMy Google+ profileMy LinkedIn profileMy Pinterest profileMy Tumblr blogMy YouTube channel

Gail Gardner

Small Business Marketing Strategist at GrowMap
Gail Gardner is the founder of GrowMap.com. She is a Small Business Marketing Strategist she mentors small businesses, bloggers, and freelancers. After 23 years in the field with IBM and 5.5 years managing AdWords accounts, her focus shifted to small business marketing strategy. GrowMap.com is listed by Cision as a Top 100 Site for Marketers and has received three Small Business Influencer Awards from Small Business Trends. Named by D&B a Top 50 SMB Influencer on Twitter, you can follow Gail @GrowMap and on LinkedIn.
My Twitter profileMy Facebook profileMy Google+ profileMy LinkedIn profileMy Pinterest profileMy Tumblr blogMy YouTube channel

Latest posts by Gail Gardner (see all)

  • Powerful Keyword Research: the Key to Attracting More Traffic - April 5, 2018
  • Making Money with Your Blog – Part 1 – Understanding Affiliate Programs - August 25, 2017
  • Looking to Scale Up? Get Your Employees on the Right Track Through eLearning Systems - August 2, 2017

Filed Under: Blogging Best Practices Tagged With: mobile responsive blog themes

Comments

  1. Aryan Verma says

    February 5, 2016 at 10:53 am

    I want a wordpress free/paid theme for my website. the theme must be mobile responsive
    just have a look at this website http://chatperky.com. I want it something like this website. any help or suggestions?

    Reply
    • Gail Gardner says

      February 5, 2016 at 5:11 pm

      Hi Aryan,

      There are so many themes that the person really has to choose for themselves. GenesisDesigner.com has a page where you can compare Genesis mobile responsive themes.
      Gail Gardner would love you to read ..4 Ways To Get More Backlinks And Exposure For Your BlogMy Profile

      Reply
  2. Meghan says

    August 8, 2014 at 11:29 am

    interesting and helpful post!
    thanks for sharing!

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

CommentLuv badgeShow more posts
You can add a link to follow you on twitter if you put your username in this box.
Only needs to be added once (unless you change your username). No http or @
Are You a Small Business Owner or Manager?
Are You a Blogger or a Freelancer?
Are You a Small Business Consultant?

Search

Categories

Recent Posts

  • Content Marketing Is So Much More Than Blogging!
  • Powerful Keyword Research: the Key to Attracting More Traffic
  • 6 Project Manager Resolutions for 2018
  • Guide to 2018 Shipping Rate Increases for FedEx and UPS
  • 10 Content Marketing Strategies That Work in Any Industry
Don't Miss Your Path to Growth!
Enter your email to receive new
blog posts:

GrowMap Policies

  • Disclosure Policy
  • Privacy Policy
  • GrowMap Guest Blogging Guidelines

Connect With Growmap

growmap on twitter growmap on g plus growmap on linkedin growmap on pinterest growmap on facebook growmap on stumbleupon growmap on skype

Copyright © 2008-2017 Growmap · Centric Mobile Responsive Theme by StudioPress · Genesis Framework · Site maintaned By MarketingTilt