custom theme tip to be mobile friendly

[dottianne7747]

Is there a way to make a custom theme using Genesis framework mobile friendly? I understand the framework is already mobile friendly but am using a custom theme and it doesn't look good on my android phone. I searched online and see that there are plugins available but would prefer to be able to use the framework's ability if possible. If not, which plugin is best for this framework?

http://www.biosupplyalliance.xyz

[Pixel Frau]

It's not the framework itself that's mobile friendly, but the recent child themes. You'll want to look into adding media queries to your theme's CSS to make your existing theme responsive.

[bjoeyhayes]

Making a theme work for mobile is mainly done with CSS. The current best-practice way of doing this is designing sites to be "Mobile-First" where instead of building a desktop website and then using media queries to reformat it for smaller screens, you make the original code for your smallest screen and then use media queries to build your design up.

This is done due to how CSS is loaded being that it is read from top to bottom in a cascading manor. With a mobile first approach, mobile devices will load the site faster, and not waste time loading CSS that does not apply to their screen size.

There are many front end frameworks that can be adapted to themes if you don't wish to write all of the general code yourself.

As for using a plugin, I would have to strongly recommend against it. Your HTML markup structure and subsequent CSS styling should come from your theme. Though in this case it would be your child theme.

If this is something you are uncomfortable with doing, then either selecting a child theme from studiopress, or one from another reputable company that builds child themes for the genesis framework is your best option.

[Author]

Posts